mirror of
https://github.com/plausible/analytics.git
synced 2024-12-27 03:21:37 +03:00
c81cb16933
* Allow running browserless.io locally * Compile tailwind classes based on extra/ too * Add browserless runtime configuration * Ignore verification events on ingestion * Improve extracting HTML text in tests * Update dependencies - Floki will be used on production to parse site contents - Req will be used to handle redundant stuff like retrying etc. * Add shuttle SVG to generic components Later on we'll use it to indicate verification errors * Connect live socket & allow skipping awaiting the first pageview * Connect live socket in general settings * Implement verification checks & diagnostics * Stub remote services with Req for testing * Change snippet screen copy * Update tracker script, so that: 1. headless browsers aren't ignored if `window.__plausible` is defined 2. callback optionally supplies the event response HTTP status This will be later used to check whether the server acknowledged the verification event. * Implement LiveView verification UI * Embed the verification UIs into settings and onboarding * Implement browserless puppeteer verification script It: - tries to visit the site - defines window.__plausible, so the tracker doesn't ignore test events - sends a verification event and instruments the callback - awaits the callback to fire and returns the result * Improve diagnostics for CSP Only report CSP error if the snippet is already found * Put verification behind a feature flag/env setting * Contact Us hint only for Enterprise Edition * For headless code, use JS context instead of EEx interpolation * Update diagnostics test with WordPress scenarios * Shorten exception/throw interception * Rename test * Tidy up * Bust URL always on headless check * Update moduledoc * Detect official Plausible WordPress Plugin and act accordingly on diagnostics interoperation * Stop using 'rating' in favour of 'interpretation' * Only report CSP error if no proxy is likely * Update CHANGELOG * Allow event-* attributes on snippet elements * Improve naive GTM detection, not to confuse it with GA4 * Update lib/plausible/verification.ex Co-authored-by: Adrian Gruntkowski <adrian.gruntkowski@gmail.com> * Update test/plausible/site/verification/checks_test.exs Co-authored-by: Adrian Gruntkowski <adrian.gruntkowski@gmail.com> * s/perform_wrapped/perform_safe * Update lib/plausible/verification/checks/installation.ex Co-authored-by: Adrian Gruntkowski <adrian.gruntkowski@gmail.com> * Remove garbage --------- Co-authored-by: Adrian Gruntkowski <adrian.gruntkowski@gmail.com>
85 lines
3.2 KiB
Plaintext
85 lines
3.2 KiB
Plaintext
<PlausibleWeb.Components.FirstDashboardLaunchBanner.set
|
|
:if={@conn.params["site_created"] == "true"}
|
|
site={@site}
|
|
/>
|
|
|
|
<div class="w-full max-w-3xl mt-4 mx-auto flex">
|
|
<%= form_for @conn, "/", [class: "max-w-lg w-full mx-auto bg-white dark:bg-gray-800 shadow-md rounded px-8 pt-6 pb-8 mb-4 mt-8"], fn f -> %>
|
|
<h2 class="text-xl font-bold dark:text-gray-100">Add JavaScript snippet</h2>
|
|
<div class="mt-4">
|
|
<p :if={Plausible.Verification.enabled?(@current_user)} class="dark:text-gray-100">
|
|
Include this snippet in the <code><head></code>
|
|
section of your website.<br />To verify your integration, click the button below to confirm that everything is working correctly.
|
|
</p>
|
|
<p :if={not Plausible.Verification.enabled?(@current_user)} class="dark:text-gray-100">
|
|
Paste this snippet in the <code><head></code> of your website.
|
|
</p>
|
|
|
|
<div class="relative">
|
|
<%= textarea(f, :domain,
|
|
id: "snippet_code",
|
|
class:
|
|
"transition overflow-hidden bg-gray-100 dark:bg-gray-900 appearance-none border border-transparent rounded w-full p-2 pr-6 text-gray-700 dark:text-gray-300 leading-normal appearance-none focus:outline-none focus:bg-white dark:focus:bg-gray-800 focus:border-gray-400 dark:focus:border-gray-500 text-xs mt-4 resize-none",
|
|
value: render_snippet(@site),
|
|
rows: 3,
|
|
readonly: "readonly"
|
|
) %>
|
|
<a
|
|
onclick="var textarea = document.getElementById('snippet_code'); textarea.focus(); textarea.select(); document.execCommand('copy');"
|
|
href="javascript:void(0)"
|
|
class="no-underline text-indigo-500 text-sm hover:underline"
|
|
>
|
|
<svg
|
|
class="absolute text-indigo-500"
|
|
style="top: 24px; right: 12px;"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="16"
|
|
height="16"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
|
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-2 dark:text-gray-100">
|
|
<p class="text-sm">
|
|
On WordPress? We have
|
|
<.styled_link new_tab href="https://plausible.io/wordpress-analytics-plugin">
|
|
a plugin
|
|
</.styled_link>
|
|
</p>
|
|
|
|
<p class="text-sm">
|
|
See more
|
|
<.styled_link new_tab href="https://plausible.io/docs/integration-guides">
|
|
integration guides
|
|
</.styled_link>
|
|
</p>
|
|
</div>
|
|
<% button_label =
|
|
if Plausible.Verification.enabled?(@current_user) do
|
|
"Verify your integration to start collecting data →"
|
|
else
|
|
"Start collecting data →"
|
|
end %>
|
|
<%= link(button_label,
|
|
class: "button mt-4 w-full",
|
|
to: "/#{URI.encode_www_form(@site.domain)}"
|
|
) %>
|
|
<% end %>
|
|
|
|
<%= if @is_first_site do %>
|
|
<div class="pt-12 pl-8 hidden md:block">
|
|
<%= render(PlausibleWeb.AuthView, "_onboarding_steps.html", current_step: 3) %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|