|
13 | 13 | import CompanyLogos from "$components/CompanyLogos.svelte" |
14 | 14 | import MediaLogos from "$components/MediaLogos.svelte" |
15 | 15 | import { t } from "$lib/i18n.svelte.js" |
16 | | - import minimalAnalytics from "@minimal-analytics/ga4" |
17 | | - const { track } = minimalAnalytics |
| 16 | + import { track } from "$lib/analytics.svelte.js" |
| 17 | +
|
18 | 18 | $effect(() => { |
19 | 19 | window.minimalAnalytics = { |
20 | 20 | trackingId: "G-10F40JCSMZ", |
21 | 21 | } |
22 | 22 | }) |
| 23 | +
|
23 | 24 | const { data } = $props() |
24 | 25 |
|
25 | 26 | let stats = $state({}) |
|
166 | 167 | class="btn btn-sm cursor-copy rounded-full font-mono font-light" |
167 | 168 | onclick={() => { |
168 | 169 | copyText("npm i -D daisyui@latest") |
169 | | - track({ |
170 | | - type: "landingpage_click", |
171 | | - event: { "ep.button_name": "Hero: Copy to clipboard" }, |
172 | | - }) |
| 170 | + track("Homepage > Hero > Copy to clipboard") |
173 | 171 | }} |
174 | 172 | > |
175 | 173 | <pre><code>npm i -D daisyui@latest</code></pre> |
|
257 | 255 | data-sveltekit-preload-data |
258 | 256 | href="/components/" |
259 | 257 | class="btn md:btn-lg grow rounded-full px-12" |
260 | | - onclick={() => |
261 | | - track({ |
262 | | - type: "landingpage_click", |
263 | | - event: { "ep.button_name": "Hero: Components" }, |
264 | | - })} |
| 258 | + onclick={() => track("Homepage > Hero > Components")} |
265 | 259 | > |
266 | 260 | <span class="hidden sm:inline">{$t("cta-1")}</span> |
267 | 261 | <span class="inline sm:hidden">{$t("cta-1-mobile")}</span> |
|
316 | 310 | data-sveltekit-preload-data |
317 | 311 | href="/docs/install/" |
318 | 312 | class="btn btn-neutral md:btn-lg group max-w-86 grow rounded-full px-12" |
319 | | - onclick={() => |
320 | | - track({ |
321 | | - type: "landingpage_click", |
322 | | - event: { "ep.button_name": "Hero: How to use" }, |
323 | | - })} |
| 313 | + onclick={() => track("Homepage > Hero > HowToUse")} |
324 | 314 | > |
325 | 315 | {$t("cta-2")} |
326 | 316 | <svg |
|
1050 | 1040 | </p> |
1051 | 1041 | <div class="h-12"></div> |
1052 | 1042 | <div class="flex w-full justify-center"> |
1053 | | - <a data-sveltekit-preload-data href="/components/" class="btn btn-primary btn-wide"> |
| 1043 | + <a |
| 1044 | + data-sveltekit-preload-data |
| 1045 | + href="/components/" |
| 1046 | + class="btn btn-primary btn-wide" |
| 1047 | + onclick={() => track("Homepage > NextLevel > Components")} |
| 1048 | + > |
1054 | 1049 | {$t("all-components-btn")} |
1055 | 1050 | </a> |
1056 | 1051 | </div> |
|
1154 | 1149 | </svg> |
1155 | 1150 | </div> |
1156 | 1151 | <div class="flex justify-center pt-4 pb-10"> |
1157 | | - <label class="flex cursor-pointer items-center gap-3"> |
| 1152 | + <label |
| 1153 | + class="flex cursor-pointer items-center gap-3" |
| 1154 | + onclick={() => track("Homepage > UglyHtml > Toggle")} |
| 1155 | + > |
1158 | 1156 | {$t("Tailwind only")} |
1159 | 1157 | <div class="relative"> |
1160 | 1158 | <input |
|
1381 | 1379 | </p> |
1382 | 1380 | <div class="h-10"></div> |
1383 | 1381 | <div class="flex w-full justify-center xl:justify-start"> |
1384 | | - <a data-sveltekit-preload-data href="/docs/install/" class="btn btn-lg btn-wide group"> |
| 1382 | + <a |
| 1383 | + data-sveltekit-preload-data |
| 1384 | + href="/docs/install/" |
| 1385 | + class="btn btn-lg btn-wide group" |
| 1386 | + onclick={() => track("Homepage > FewerClassNames > HowToInstall")} |
| 1387 | + > |
1385 | 1388 | {$t("Get started")} |
1386 | 1389 | <svg |
1387 | 1390 | xmlns="http://www.w3.org/2000/svg" |
|
1547 | 1550 | </p> |
1548 | 1551 | <div class="h-10"></div> |
1549 | 1552 | <div class="flex w-full justify-center"> |
1550 | | - <a data-sveltekit-preload-data href="/docs/customize/" class="btn btn-lg btn-wide group"> |
| 1553 | + <a |
| 1554 | + data-sveltekit-preload-data |
| 1555 | + href="/docs/customize/" |
| 1556 | + class="btn btn-lg btn-wide group" |
| 1557 | + onclick={() => track("Homepage > Customizable > HowToCustomize")} |
| 1558 | + > |
1551 | 1559 | {$t("how-to-customize")} |
1552 | 1560 | <svg |
1553 | 1561 | xmlns="http://www.w3.org/2000/svg" |
|
1624 | 1632 | data-sveltekit-preload-data |
1625 | 1633 | href="/docs/install/" |
1626 | 1634 | class="btn btn-lg btn-wide btn-outline group" |
| 1635 | + onclick={() => track("Homepage > PureCSS > HowToInstall")} |
1627 | 1636 | > |
1628 | 1637 | {$t("cta-2")} |
1629 | 1638 | <svg |
|
1811 | 1820 | </p> |
1812 | 1821 | <div class="h-10"></div> |
1813 | 1822 | <div class="flex w-full flex-col justify-center gap-4 md:flex-row"> |
1814 | | - <a data-sveltekit-preload-data href="/theme-generator/" class="btn"> |
| 1823 | + <a |
| 1824 | + data-sveltekit-preload-data |
| 1825 | + href="/theme-generator/" |
| 1826 | + class="btn" |
| 1827 | + onclick={() => track("Homepage > DesignDecisions > ThemesGenerator")} |
| 1828 | + > |
1815 | 1829 | {$t("Theme Generator")} |
1816 | 1830 | </a> |
1817 | 1831 | <a |
1818 | 1832 | data-sveltekit-preload-data |
1819 | 1833 | href="/docs/themes/#how-to-add-custom-styles-for-a-specific-theme" |
1820 | 1834 | class="btn btn-neutral" |
| 1835 | + onclick={() => track("Homepage > DesignDecisions > ThemesGuide")} |
1821 | 1836 | > |
1822 | 1837 | {$t("Learn more about themes")} |
1823 | 1838 | </a> |
|
1922 | 1937 | data-sveltekit-preload-data |
1923 | 1938 | href="/components/" |
1924 | 1939 | class="btn btn-outline md:btn-wide w-full" |
| 1940 | + onclick={() => track("Homepage > ComponentsStat > Components")} |
1925 | 1941 | > |
1926 | 1942 | {$t("all-components-btn")} |
1927 | 1943 | </a> |
|
2104 | 2120 | </div> |
2105 | 2121 | <div class="h-16"></div> |
2106 | 2122 | <div class="flex w-full justify-center"> |
2107 | | - <a data-sveltekit-preload-data href="/docs/install/" class="btn btn-primary btn-wide"> |
| 2123 | + <a |
| 2124 | + data-sveltekit-preload-data |
| 2125 | + href="/docs/install/" |
| 2126 | + class="btn btn-primary btn-wide" |
| 2127 | + onclick={() => track("Homepage > TrydaisyUI > HowToInstall")} |
| 2128 | + > |
2108 | 2129 | {$t("See all examples")} |
2109 | 2130 | </a> |
2110 | 2131 | </div> |
|
2164 | 2185 | </h2> |
2165 | 2186 | <div class="mx-auto my-2 w-full max-w-md"> |
2166 | 2187 | <Install /> |
2167 | | - <a href="/docs/install/" class="btn-primary btn btn-wide mt-4 mb-20 shadow-lg"> |
| 2188 | + <a |
| 2189 | + href="/docs/install/" |
| 2190 | + class="btn-primary btn btn-wide mt-4 mb-20 shadow-lg" |
| 2191 | + onclick={() => track("Homepage > InstalldaisyUILastCall > HowToInstall")} |
| 2192 | + > |
2168 | 2193 | {$t("install-btn")} |
2169 | 2194 | </a> |
2170 | 2195 | </div> |
|
0 commit comments