CINXE.COM
Plausible 路 Simple, privacy-friendly alternative to Google Analytics
<!DOCTYPE html> <html lang="en" class="h-full plausible"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Plausible is a lightweight and open-source web analytics tool. Your website data is 100% yours and the privacy of your visitors is respected."> <meta name="csrf-token" content="LAR-OXlZMBsLNEFrEA4WAA49TBY_fDgeGtOp52aXaD88uLuZoM8te5v-"> <meta name="websocket-url" content="wss://websocket.plausible.io"> <meta name="robots" content="noindex, nofollow"> <link rel="apple-touch-icon" sizes="180x180" href="/images/ee/apple-touch-icon-8ecdb958bc3d0c54930755663cc34525.png?vsn=d"> <link rel="icon" type="image/png" sizes="32x32" href="/images/ee/favicon-32x32-4453f8bca3f1ea04a9084aa5cb81f474.png?vsn=d"> <link rel="icon" type="image/png" sizes="16x16" href="/images/ee/favicon-16x16-dc007123f637eca918f9aae6c45bf5e9.png?vsn=d"> <title> Plausible 路 Simple, privacy-friendly alternative to Google Analytics </title> <link rel="stylesheet" href="/css/app-488b57cecf993f23b0062f20f4388666.css?vsn=d"> <script blocking="rendering"> (function(){ var themePref = 'system'; function reapplyTheme() { var darkMediaPref = window.matchMedia('(prefers-color-scheme: dark)').matches; var htmlRef = document.querySelector('html'); var hcaptchaRefs = Array.from(document.getElementsByClassName('h-captcha')); var isDark = themePref === 'dark' || (themePref === 'system' && darkMediaPref); if (isDark) { htmlRef.classList.add('dark') hcaptchaRefs.forEach(function(ref) { ref.dataset.theme = "dark"; }); } else { htmlRef.classList.remove('dark'); hcaptchaRefs.forEach(function(ref) { ref.dataset.theme = "light"; }); } } reapplyTheme(); window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', reapplyTheme); })() </script> <script defer data-api="https://ingest.plausible.io/api/event" data-domain="plausible.io" src="https://plausible.io/js/script.manual.pageview-props.tagged-events.pageleave.js"> </script> <script> window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) } const pageUrl = window.location.href const props = { logged_in: false, browser_language: navigator.language || navigator.userLanguage } const defaultEventOptions = {u: pageUrl, props: props} window.trackCustomEvent = function(event_name, options) { plausible(event_name, {...defaultEventOptions, ...options}) } plausible('pageview', defaultEventOptions) window.addEventListener('pageshow', function(event) { if (event.persisted) { // Page was restored from bfcache - trigger a pageview plausible('pageview', defaultEventOptions); } }) </script> </head> <body class="flex flex-col bg-gray-50 dark:bg-gray-850 h-full" style=""> <nav class="relative z-20 py-8"> <div class="container print:max-w-full"> <nav class="relative flex items-center justify-between sm:h-10 md:justify-center"> <div class="flex items-center flex-1 md:absolute md:inset-y-0 md:left-0"> <a href="/"> <img src="/images/ee/logo_dark-4ce532ac105c4615d6a2e51307c8fc28.svg?vsn=d" class="w-44 -mt-2 hidden dark:inline" alt="Plausible logo" loading="lazy"> <img src="/images/ee/logo_light-38aed73a70daced020b53243966ed15e.svg?vsn=d" class="w-44 -mt-2 inline dark:hidden" alt="Plausible logo" loading="lazy"> </a> </div> <div class="absolute inset-y-0 right-0 flex items-center justify-end"> <ul class="flex" x-show="!document.cookie.includes('logged_in=true')"> <li> <div class="inline-flex"> <a href="/login" class="font-medium text-gray-500 dark:text-gray-200 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition duration-150 ease-in-out"> Login </a> </div> <div class="inline-flex ml-6 rounded shadow"> <a href="/register" class="inline-flex items-center justify-center px-5 py-2 text-base font-medium text-white bg-indigo-600 border border-transparent leading-6 rounded-md hover:bg-indigo-500 focus:outline-none focus:ring transition duration-150 ease-in-out"> Sign up </a> </div> </li> </ul> </div> </nav> </div> </nav> <main class="flex-1"> <div id="phx-GDQ-ZKnUVWzmxtoK" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdEUS1aS25VVld6bXh0b0t3B3Nlc3Npb250AAAAAHcEdmlld3clRWxpeGlyLlBsYXVzaWJsZVdlYi5MaXZlLlJlZ2lzdGVyRm9ybXcKcGFyZW50X3BpZHcDbmlsdwZyb3V0ZXJ3GkVsaXhpci5QbGF1c2libGVXZWIuUm91dGVydwhyb290X3BpZHcDbmlsdwlyb290X3ZpZXd3JUVsaXhpci5QbGF1c2libGVXZWIuTGl2ZS5SZWdpc3RlckZvcm13DGxpdmVfc2Vzc2lvbmgCdwdkZWZhdWx0bggA-g_tIzr-MxhuBgCGJrgTlgFiAAFRgA.VBv4NBuqC7yQyYtp_jx9FG_7Fbl8XMJFI6p32oFYY14" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdEUS1aS25VVld6bXh0b0t3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAACncKaW52aXRhdGlvbncLbW9yZV90ZWFtcz93C3RlYW1zX2NvdW50dwV0ZWFtc3cRY3VycmVudF90ZWFtX3JvbGV3DGN1cnJlbnRfdGVhbXcHbXlfdGVhbXcRdGVhbV9mcm9tX3Nlc3Npb253DGN1cnJlbnRfdXNlcncUY3VycmVudF91c2VyX3Nlc3Npb25qbgYAhia4E5YBYgABUYA.1wqevatSYU3Cm_--SVecBfL0_0ymwi4UxeYDSterDS8"><div class="mx-auto text-center dark:text-gray-300"> <h1 class="text-3xl font-black"> Register your 30-day free trial </h1> <div class="text-xl font-medium mt-2"> Set up privacy-friendly analytics with just a few clicks </div> </div> <div class="mt-6 hidden md:block" id="flow-progress"> <div class="flex items-center justify-between max-w-4xl mx-auto my-8"> <div class="flex items-center text-base"> <div class="w-5 h-5 bg-indigo-600 text-white rounded-full flex items-center justify-center font-semibold"> 1 </div> <span class="ml-2 font-semibold text-black dark:text-gray-300"> Register </span> </div> <div class="flex-1 h-px bg-gray-300 mx-4 dark:bg-gray-800 "> </div> <div class="flex items-center text-base"> <div class="w-5 h-5 bg-gray-300 text-white dark:bg-gray-800 rounded-full flex items-center justify-center"> 2 </div> <span class="ml-2 text-gray-500"> Activate account </span> </div> <div class="flex-1 h-px bg-gray-300 mx-4 dark:bg-gray-800 "> </div> <div class="flex items-center text-base"> <div class="w-5 h-5 bg-gray-300 text-white dark:bg-gray-800 rounded-full flex items-center justify-center"> 3 </div> <span class="ml-2 text-gray-500"> Add site info </span> </div> <div class="flex-1 h-px bg-gray-300 mx-4 dark:bg-gray-800 "> </div> <div class="flex items-center text-base"> <div class="w-5 h-5 bg-gray-300 text-white dark:bg-gray-800 rounded-full flex items-center justify-center"> 4 </div> <span class="ml-2 text-gray-500"> Install Plausible </span> </div> <div class="flex-1 h-px bg-gray-300 mx-4 dark:bg-gray-800 "> </div> <div class="flex items-center text-base"> <div class="w-5 h-5 bg-gray-300 text-white dark:bg-gray-800 rounded-full flex items-center justify-center"> 5 </div> <span class="ml-2 text-gray-500"> Verify installation </span> </div> </div> </div> <div class="bg-white w-full max-w-lg mx-auto dark:bg-gray-800 text-gray-900 dark:text-gray-100 shadow-md rounded-md mt-12"> <div class="p-8"> <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100 leading-7"> Enter your details </h2> <div></div> <div class="mt-8"> <form action="/login" method="post" phx-hook="Metrics" phx-submit="register" phx-change="validate" id="register-form"> <input name="_csrf_token" type="hidden" hidden value="LAR-OXlZMBsLNEFrEA4WAA49TBY_fDgeGtOp52aXaD88uLuZoM8te5v-"> <input name="user[register_action]" type="hidden" value="register_form"> <div class="my-4"> <label for="user[name]" class="block font-medium text-gray-700 dark:text-gray-300"> Full name </label> <div class="mt-1"> <div class="mt-2"> <input type="text" name="user[name]" id="register-form_name" class="dark:bg-gray-900 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full border-gray-300 dark:border-gray-500 rounded-md dark:text-gray-300 w-full" placeholder="Jane Doe" phx-debounce="200"> </div> </div> </div> <div class="my-4"> <div class="flex justify-between"> <label for="user[email]" class="block font-medium text-gray-700 dark:text-gray-300"> Email </label> <p class="text-xs text-gray-500 mt-1">No spam, guaranteed.</p> </div> <div class="mt-1"> <div class="mt-2"> <input type="email" name="user[email]" id="register-form_email" class="dark:bg-gray-900 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full border-gray-300 dark:border-gray-500 rounded-md dark:text-gray-300 w-full" placeholder="example@email.com" phx-debounce="200"> </div> </div> </div> <div class="my-4"> <div class="flex justify-between"> <label for="user[password]" class="block font-medium text-gray-700 dark:text-gray-300"> Password </label> <p class="text-gray-500 text-xs mt-1">Min 12 characters</p> </div> <div class="mt-1"> <div class="mt-2"> <input type="password" name="user[password]" id="register-form_password" class="dark:bg-gray-900 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full border-gray-300 dark:border-gray-500 rounded-md dark:text-gray-300 w-full" phx-debounce="200" autocomplete="new-password"> </div> </div> </div> <div class="my-4"> <label for="user[password_confirmation]" class="block font-medium text-gray-700 dark:text-gray-300"> Confirm password </label> <div class="mt-1"> <div class="mt-2"> <input type="password" name="user[password_confirmation]" id="register-form_password_confirmation" class="dark:bg-gray-900 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full border-gray-300 dark:border-gray-500 rounded-md dark:text-gray-300 w-full" phx-debounce="200" autocomplete="new-password"> </div> </div> </div> <div class="mt-4"> <div phx-update="ignore" id="hcaptcha-placeholder" class="h-captcha" data-sitekey="bc609205-5750-498f-b38f-0f240e04f444"> </div> <script phx-update="ignore" id="hcaptcha-script" src="https://hcaptcha.com/1/api.js" async defer> </script> </div> <button type="submit" class="mt-6 whitespace-nowrap truncate inline-flex items-center justify-center gap-x-2 font-medium rounded-md px-3.5 py-2.5 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:bg-gray-400 dark:disabled:text-white dark:disabled:text-gray-400 dark:disabled:bg-gray-700 bg-indigo-600 text-white hover:bg-indigo-700 focus-visible:outline-indigo-600 mt-4 w-full" id="register"> Start my free trial </button> <p class="text-center text-gray-600 dark:text-gray-500 mt-4"> Already have an account? <a href="/login" class="text-indigo-600 hover:text-indigo-700 dark:text-indigo-500 dark:hover:text-indigo-600 "> Log in </a> </p> </form> </div> </div> </div></div> </main> <div class="mt-24 bg-gray-800 dark:bg-gray-800"> <div class="container px-4 py-12 sm:px-6 lg:py-16 lg:px-8"> <div class="xl:grid xl:grid-cols-3 xl:gap-8"> <div class="my-8 xl:my-0"> <h4 class="font-semibold tracking-wider text-gray-300 leading-5"> <img src="/images/ee/logo_dark-4ce532ac105c4615d6a2e51307c8fc28.svg?vsn=d" class="inline-block w-40 mr-1" alt="Plausible logo" loading="lazy"> </h4> <p class="mt-4 text-base text-gray-400 leading-6"> Made and hosted in the EU <span class="text-lg">馃嚜馃嚭</span> <br> Solely funded by our subscribers. </p> </div> <div class="grid grid-cols-2 gap-8 xl:col-span-2"> <div class="md:grid md:grid-cols-2 md:gap-8 print:hidden"> <div> <h4 class="text-sm font-semibold tracking-wider text-gray-400 uppercase leading-5"> Getting started </h4> <ul class="mt-4"> <li> <a rel="noreferrer" href="https://plausible.io/docs/integration-guides" class="text-base text-gray-300 leading-6 hover:text-white"> Integration guides </a> </li> <li class="mt-4"> <a rel="noferrer" href="https://plausible.io/wordpress-analytics-plugin" class="text-base text-gray-300 leading-6 hover:text-white"> WordPress plugin </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/docs/troubleshoot-integration" class="text-base text-gray-300 leading-6 hover:text-white"> Troubleshooting </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/docs/script-extensions" class="text-base text-gray-300 leading-6 hover:text-white"> Script extensions </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/docs/google-analytics-import" class="text-base leading-6 text-gray-300 hover:text-white"> Import stats </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/docs/google-search-console-integration" class="text-base leading-6 text-gray-300 hover:text-white"> Search Console </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/docs/users-roles" class="text-base leading-6 text-gray-300 hover:text-white"> Invite team members </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/docs/excluding" class="text-base leading-6 text-gray-300 hover:text-white"> Exclude traffic </a> </li> </ul> </div> <div class="mt-32 md:mt-0"> <h4 class="text-sm font-semibold tracking-wider text-gray-400 uppercase leading-5"> Help guides </h4> <ul class="mt-4"> <li> <a rel="noferrer" href="https://plausible.io/docs/compare-stats" class="text-base text-gray-300 leading-6 hover:text-white"> Compare stats </a> </li> <li class="mt-4"> <a rel="noferrer" href="https://plausible.io/docs/filters-segments" class="text-base text-gray-300 leading-6 hover:text-white"> Segment audience </a> </li> <li class="mt-4"> <a rel="noferrer" href="https://plausible.io/docs/manual-link-tagging" class="text-base text-gray-300 leading-6 hover:text-white"> Track campaigns </a> </li> <li class="mt-4"> <a rel="noferrer" href="https://plausible.io/docs/goal-conversions" class="text-base text-gray-300 leading-6 hover:text-white"> Event conversions </a> </li> <li class="mt-4"> <a rel="noferrer" href="https://plausible.io/docs/funnel-analysis" class="text-base text-gray-300 leading-6 hover:text-white"> Funnel analysis </a> </li> <li class="mt-4"> <a rel="noferrer" href="https://plausible.io/docs/ecommerce-revenue-tracking" class="text-base text-gray-300 leading-6 hover:text-white"> Revenue attribution </a> </li> <li class="mt-4"> <a rel="noferrer" href="https://plausible.io/docs/custom-props/introduction" class="text-base text-gray-300 leading-6 hover:text-white"> Custom properties </a> </li> <li class="mt-4"> <a rel="noferrer" href="https://plausible.io/docs/proxy/introduction" class="text-base text-gray-300 leading-6 hover:text-white"> Bypass adblockers </a> </li> </ul> </div> </div> <div class="md:grid md:grid-cols-2 md:gap-8 print:hidden"> <div> <h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase"> Community </h4> <ul class="mt-4"> <li> <a rel="noreferrer" href="https://plausible.io/changelog" class="text-base leading-6 text-gray-300 hover:text-white"> What's new </a> </li> <li class="mt-4"> <a ref="noreferrer" target="_blank" href="https://plausible.io/status" class="text-base leading-6 text-gray-300 hover:text-white"> Status </a> </li> <li class="mt-4"> <a ref="noreferrer" href="https://plausible.io/blog" class="text-base leading-6 text-gray-300 hover:text-white"> Blog </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/docs" class="text-base leading-6 text-gray-300 hover:text-white"> Documentation </a> </li> <li class="mt-4"> <a rel="noreferrer" target="_blank" href="https://github.com/plausible/analytics" class="text-base leading-6 text-gray-300 hover:text-white"> GitHub </a> </li> <li class="mt-4"> <a rel="noreferrer" target="_blank" href="https://twitter.com/plausiblehq" class="text-base leading-6 text-gray-300 hover:text-white"> Twitter </a> </li> <li class="mt-4"> <a rel="noreferrer" target="_blank" rel="me" href="https://fosstodon.org/@plausible" class="text-base leading-6 text-gray-300 hover:text-white"> Mastodon </a> </li> <li class="mt-4"> <a rel="noreferrer" target="_blank" href="https://www.linkedin.com/company/plausible-analytics/" class="text-base leading-6 text-gray-300 hover:text-white"> LinkedIn </a> </li> </ul> </div> <div class="mt-12 md:mt-0"> <h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase"> Company </h4> <ul class="mt-4"> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/about" class="text-base leading-6 text-gray-300 hover:text-white"> About </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/contact" class="text-base leading-6 text-gray-300 hover:text-white"> Contact </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/privacy" class="text-base leading-6 text-gray-300 hover:text-white"> Privacy </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/data-policy" class="text-base leading-6 text-gray-300 hover:text-white"> Data policy </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/terms" class="text-base leading-6 text-gray-300 hover:text-white"> Terms </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/dpa" class="text-base leading-6 text-gray-300 hover:text-white"> DPA </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/security" class="text-base leading-6 text-gray-300 hover:text-white"> Security </a> </li> <li class="mt-4"> <a rel="noreferrer" href="https://plausible.io/imprint" class="text-base leading-6 text-gray-300 hover:text-white"> Imprint </a> </li> </ul> </div> </div> </div> </div> </div> </div> <script type="text/javascript" src="/js/app-2c88e70ce50e130c061ff10fae7ea954.js?vsn=d"> </script> </body> </html>