diff --git a/src/components/Analytics/Analytics.mdx b/src/components/Analytics/Analytics.mdx index 8b39f502..60e7afd2 100644 --- a/src/components/Analytics/Analytics.mdx +++ b/src/components/Analytics/Analytics.mdx @@ -6,7 +6,7 @@ import * as AnalyticsStories from './Analytics.stories.svelte'; # Analytics -Add Google and Chartbeat analytics to your page. +The `Analytics` component adds Google and Chartbeat analytics to your page. ```svelte -{#snippet template(args: Args)} - -
Nothing to see here
-{/snippet} - diff --git a/src/components/Analytics/Analytics.svelte b/src/components/Analytics/Analytics.svelte index c623e547..e8b5ce14 100644 --- a/src/components/Analytics/Analytics.svelte +++ b/src/components/Analytics/Analytics.svelte @@ -1,3 +1,5 @@ + + - - - -``` diff --git a/src/components/Analytics/stories/docs/environments.md b/src/components/Analytics/stories/docs/environments.md deleted file mode 100644 index 74089219..00000000 --- a/src/components/Analytics/stories/docs/environments.md +++ /dev/null @@ -1,17 +0,0 @@ -Generally, you only want to send page analytics in production environments. - -In a SvelteKit context, you can use `$app` stores to restrict when you send analytics. - -For example, the following excludes analytics from pages in development or hosted on our preview server: - -```svelte - - -{#if !dev && $page.url?.hostname !== 'graphics.thomsonreuters.com'} - -{/if} -``` diff --git a/src/components/Analytics/stories/docs/multipage.md b/src/components/Analytics/stories/docs/multipage.md deleted file mode 100644 index a3223927..00000000 --- a/src/components/Analytics/stories/docs/multipage.md +++ /dev/null @@ -1,31 +0,0 @@ -If you're using analytics to measure a multipage newsapp that uses [client-side routing](https://kit.svelte.dev/docs/glossary#routing), then you may need to trigger analytics after virtual page navigation. - -This component also exports a function you can call to register pageviews. - -For example, here's how you can use SvelteKit's [`afterNavigate`](https://kit.svelte.dev/docs/modules#$app-navigation-afternavigate) lifecycle to capture additional pageviews: - -```svelte - - - -```