analytics/lib/plausible_web/templates/stats/waiting_first_pageview.html.eex

34 lines
1.9 KiB
Elixir
Raw Normal View History

2019-09-02 14:29:19 +03:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/3.0.0/fetch.min.js" integrity="sha256-E1M+0f/hvoNVoV8K5RSn1gwe4EFwlvORnOrFzghX0wM=" crossorigin="anonymous"></script>
<script>
function updateStatus() {
fetch("/api/<%= URI.encode_www_form(@site.domain) %>/status")
2019-09-02 14:29:19 +03:00
.then(function(res) { return res.json() })
.then(function(status) {
if (status === "READY") {
window.location.reload()
}
})
}
setInterval(updateStatus, 5000)
2019-09-02 14:29:19 +03:00
</script>
<div class="w-full max-w-md mx-auto mt-8">
<div class="bg-white dark:bg-gray-800 shadow-md rounded px-8 pt-6 pb-8 mb-4 mt-16 relative text-center">
<h2 class="text-xl font-bold dark:text-gray-100">Waiting for first pageview</h2>
<h2 class="text-xl font-bold dark:text-gray-100">on <%= @site.domain %></h2>
<div class="my-44">
<div class="block pulsating-circle"></div>
<p class="text-gray-600 dark:text-gray-400 text-xs absolute left-0 bottom-0 mb-6 w-full text-center leading-normal">
2021-06-17 11:06:34 +03:00
Need to see the snippet again? <%= link("Click here", to: "/#{URI.encode_www_form(@site.domain)}/snippet", class: "text-indigo-600 text-underline")%><br />
Not working? <%= link("Troubleshoot the integration", to: "https://plausible.io/docs/troubleshoot-integration#keep-seeing-a-blinking-green-dot", class: "text-indigo-600 text-underline", rel: "noreferrer") %> with our guide
<%= if Application.get_env(:plausible, :is_selfhost) do %>
first<br /> Still not working? Ask on our <%= link("community-supported forum", to: "https://github.com/plausible/analytics/discussions", class: "text-indigo-600 text-underline" ) %>
<% else %>
2021-06-17 11:09:13 +03:00
first<br /> Still not working? <%= link("Contact us", to: "https://plausible.io/contact", class: "text-indigo-600 text-underline" ) %> and we will help you with your setup
2021-06-17 11:06:34 +03:00
<% end %>
2019-09-02 14:29:19 +03:00
</p>
</div>
</div>
</div>