CINXE.COM
Log into Crazy Egg
<!DOCTYPE html> <html lang="en" style="height: 100%; margin: 0px; padding: 0px;"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="Qj9df0NZWyxGLQApM0B1dRNXRWAWJwYWph5124lV3gIJdx4FB83VTUSO"> <meta name="theme-color" content="#FD4F00"> <title> Log into Crazy Egg </title> <link phx-track-static rel="stylesheet" href="/assets/app-47a788186058f71b3c0dc1a0aa69627f.css?vsn=d"> <script defer phx-track-static type="text/javascript" src="/assets/app-950550402e2b5f68990ee7cce0ace549.js?vsn=d"> </script> <script async type="text/javascript" src="//script.crazyegg.com/pages/scripts/0040/9118.js"> </script> </head> <body class="antialiased font-sans relative min-h-screen bg-white"> <div id="phx-GCZEZLn7enx9EFmh" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdDWkVaTG43ZW54OUVGbWh3B3Nlc3Npb250AAAAAHcEdmlld3cXRWxpeGlyLldlYi5WMi5Mb2dpbkxpdmV3CnBhcmVudF9waWR3A25pbHcGcm91dGVydxFFbGl4aXIuV2ViLlJvdXRlcncIcm9vdF9waWR3A25pbHcJcm9vdF92aWV3dxdFbGl4aXIuV2ViLlYyLkxvZ2luTGl2ZXcMbGl2ZV9zZXNzaW9uaAJ3IXJlZGlyZWN0X2lmX3VzZXJfaXNfYXV0aGVudGljYXRlZG4IAOTBinEU2SMYbgYAmUY7KZUBYgABUYA.R8cvf9eOIOB-SukDIokHqdFfBZmsjAdeMrK41ZVGSNY" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdDWkVaTG43ZW54OUVGbWh3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdqbgYAmUY7KZUBYgABUYA._AFbEB55GCivbiwnXvN0_KRjFOEcv3iCmgFU62OSY7I"><main class="w-full h-screen lg:grid lg:grid-cols-5"> <div class="w-full h-full px-20 py-16 flex flex-col place-items-center col-span-5 lg:col-span-2"> <div class="w-full h-full max-w-96 flex flex-col place-items-center"> <div class="w-8 md:w-10 my-6 md:my-12"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 72" height="100%"> <g fill="#8ABC00" fill-rule="evenodd"> <path d="M26.0796 48.8146s5.972-6.51 7.766-15.743c-2.237 2.724-6.121 4.532-10.548 4.532-6.933 0-12.555-4.425-12.555-9.883 0-5.46 5.622-9.885 12.555-9.885 4.308 0 8.107 1.709 10.369 4.311-3.639-15.081-20.038-18.859-20.038-18.859s1.022-1.312 3.245-1.947c1.886-.54 2.81-.405 4.009-.049 1.36.403 15.836 8.462 15.836 23.87 0 15.407-10.639 23.653-10.639 23.653m.248 1.999-.594 1.189-.825 1.62c-.904 1.766-1.824 3.573-2.604 5.431h-2.604v-7.769h-1.175v7.769h-1.812c-.122 0-.238.025-.358.036-1.224-3.047-3.4-6.156-5.531-9.18-.558-.793-1.11-1.577-1.639-2.35 2.894 2.364 6.292 3.725 9.928 3.725 2.944 0 5.732-.895 8.223-2.49-.312.622-.646 1.291-1.009 2.019m11.898-25.17c0-14.165-12.855-25.644-19.112-25.644-6.258 0-19.114 11.479-19.114 25.644 0 6.843 2.002 13.054 5.258 17.652 1.104 2.315 2.826 4.763 4.607 7.29 2.049 2.909 4.14 5.896 5.329 8.761-1.096.426-1.962 1.296-2.395 2.386 1.027.233 2.151.428 3.347.561 3.219.356 6.081.198 7.721-.33-1.037.847-4.148 1.308-7.788 1.065-1.272-.085-2.464-.249-3.522-.464-.039.23-.063.465-.063.707v5.269c0 2.332 1.89 2.955 4.22 2.955h5.867c2.327 0 4.218-.623 4.218-2.955v-5.269c0-2.002-1.4-3.67-3.27-4.102.734-1.704 1.588-3.375 2.426-5.012l.828-1.627.596-1.193c.463-.93 1.232-2.472 2.025-4.029h-.073c5.344-4.546 8.895-12.546 8.895-21.665"></path><path d="M27.8305 25.0542c-1.119 0-2.115-.584-3.546-.584-2.55 0-3.761 1.522-3.761 3.064 0 1.48 1.334 3.021 3.761 3.021 1.122 0 2.799-.622 3.329-.622 1.058 0 1.926.603 1.926 1.31 0 1.542-3.857 2.064-5.471 2.064-4.823 0-8.023-2.645-8.023-5.773 0-3.043 3.296-5.812 8.023-5.812 1.769 0 5.471.436 5.471 1.897 0 .624-.648 1.435-1.709 1.435"></path> </g> </svg> </div> <h1 class="text-center text-4xl font-semibold text-woodsmoke-500 my-2 lg:my-4 "> Welcome Back! </h1> <div class="w-full mb-[24px]"> <a href="https://accounts.google.com/o/oauth2/v2/auth?access_type=offline&client_id=184859513041-78v8bpgrbtp44brsfq7lp7adhpj9gg8m.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fauth.app.crazyegg.com%2Fcallback%2Fgoogle&response_type=code&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email" class="gsi-material-button"> <div class="gsi-material-button-state"></div> <div class="gsi-material-button-content-wrapper"> <div class="gsi-material-button-icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;"> <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"> </path> <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"> </path> <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"> </path> <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"> </path> <path fill="none" d="M0 0h48v48H0z"></path> </svg> </div> <span class="gsi-material-button-contents">Sign in with Google</span> <span style="display: none;">Sign in with Google</span> </div> </a> </div> <div class="relative w-full flex justify-center items-center mb-[2px]"> <span class="relative z-10 text-lynch-500 leading-none inline-block py-1 px-2 bg-white text-lg w-[50px] text-center"> or </span> <span class="h-[1px] border-t border-cadet-blue-500 border-dashed w-full absolute left-0 right-0 mx-auto mt-[3px]"> </span> </div> <form action="/login" method="post" class="w-full" id="login_form"> <input name="_csrf_token" type="hidden" hidden value="Qj9df0NZWyxGLQApM0B1dRNXRWAWJwYWph5124lV3gIJdx4FB83VTUSO"> <div class="py-4"> <div phx-feedback-for="redirect" class="w-full"> <div class="flex justify-between items-center"> <label for="login_form_redirect" class="text-lg font-semibold"> </label> </div> <input type="hidden" name="redirect" id="login_form_redirect" class="mb-2 mt-1 block w-full rounded text-zinc-900 focus:ring-0 sm:leading-6 border-2 bg-off-white-500 focus:bg-white phx-no-feedback:border-mystic-500 phx-no-feedback:focus:border-regal-blue-700 border-mystic-500 focus:border-regal-blue-700"> </div> <div phx-feedback-for="state" class="w-full"> <div class="flex justify-between items-center"> <label for="login_form_state" class="text-lg font-semibold"> </label> </div> <input type="hidden" name="state" id="login_form_state" class="mb-2 mt-1 block w-full rounded text-zinc-900 focus:ring-0 sm:leading-6 border-2 bg-off-white-500 focus:bg-white phx-no-feedback:border-mystic-500 phx-no-feedback:focus:border-regal-blue-700 border-mystic-500 focus:border-regal-blue-700"> </div> <div phx-feedback-for="timezone" class="w-full"> <div class="flex justify-between items-center"> <label for="login_form_timezone" class="text-lg font-semibold"> </label> </div> <input type="hidden" name="timezone" id="login_form_timezone" class="mb-2 mt-1 block w-full rounded text-zinc-900 focus:ring-0 sm:leading-6 border-2 bg-off-white-500 focus:bg-white phx-no-feedback:border-mystic-500 phx-no-feedback:focus:border-regal-blue-700 border-mystic-500 focus:border-regal-blue-700" phx-hook="Timezone"> </div> <div phx-feedback-for="email" class="w-full"> <div class="flex justify-between items-center"> <label for="login_form_email" class="text-lg font-semibold"> Email </label> <a href="/forgot-email" data-phx-link="redirect" data-phx-link-state="push" class="text-dodger-blue-500 hover:underline font-semibold" tabindex="-1"> Forgot email? </a> </div> <input type="email" name="email" id="login_form_email" class="mb-2 mt-1 block w-full rounded text-zinc-900 focus:ring-0 sm:leading-6 border-2 bg-off-white-500 focus:bg-white phx-no-feedback:border-mystic-500 phx-no-feedback:focus:border-regal-blue-700 border-mystic-500 focus:border-regal-blue-700" required placeholder="Enter your email" autocomplete="email" autofocus> </div> <div class="py-4"> <button class="block rounded text-center outline-none focus:outline-none transition duration-200 ease-in-out disabled:cursor-not-allowed disabled:opacity-50 text-white bg-dodger-blue-500 hover:bg-regal-blue-700 hover:text-white active:text-black-pearl-500/80 disabled:bg-dodger-blue-500 disabled:text-white w-full py-3 px-6 text-lg font-bold shadow"> Continue <span class="hero-chevron-right"></span> </button> </div> </div> </form> <div class="w-full text-center mt-auto"> <p class="text-8 text-lynch-500"> Don't have an account? <a href="https://www.crazyegg.com/signup" class="font-semibold text-dodger-blue-500 transition ease hover:text-dodger-blue-700"> Sign up for Crazy Egg </a> </p> </div> </div> </div> <div class="bg-dodger-blue-500 hidden invisible text-white px-20 py-16 lg:col-span-3 lg:visible lg:grid lg:grid-rows-[auto_100px] lg:place-items-center" style="background: #0086e6 url(/images/speckles-mono.svg);"> <div class="w-96"> <p class="uppercase text-sm font-semibold border-b border-white inline pb-0.5">video guides</p> <h3 class="mt-[30px] capitalize text-2xl font-bold mb-3">Watch our quick start tutorials</h3> <p class="font-semibold mb-8"> Get pro tips for how to get actionable insights out of your visitor data using Crazy Egg's tools. From website teardowns to in-depth overviews of Snapshots and Recordings, you'll find new ways to build a better website. </p> <a href="https://www.youtube.com/playlist?list=PL-gwLDbjEkvsaXsIuyYgnmv2Ld0NB1esC" target="_blank" rel="noopener noreferrer" class="bg-[#47B2FF] px-7 py-2 rounded-md text-lg inline-block font-bold text-white transition ease-in hover:bg-regal-blue-700"> Explore Video Guides </a> </div> <ul class="grid grid-cols-4 text-sm self-end"> <li> <a target="_blank" rel="noopener noreferrer" class="font-semibold hover:underline " href="https://support.crazyegg.com/"> Help Center </a> </li> <li> <a target="_blank" rel="noopener noreferrer" class="font-semibold hover:underline " href="https://www.crazyegg.com/terms"> Terms of Use </a> </li> <li> <a target="_blank" rel="noopener noreferrer" class="font-semibold hover:underline " href="https://www.crazyegg.com/privacy"> Privacy Policy </a> </li> <li> <a target="_blank" rel="noopener noreferrer" class="font-semibold hover:underline " href="https://www.crazyegg.com/cookies"> How We Use Cookies </a> </li> </ul> </div> </main></div> </body> </html>