Add Yandex Metrica support

packages/analytics/index.ts

@@ -1,4 +1,5 @@
 // Do not write code directly here, instead use the `src` folder!
 // Then, use this file to export everything you want your user to access.
 
-export { default as GoogleAnalytics } from "./src/GoogleAnalytics.astro";
+export { default as GoogleAnalytics } from "./src/GoogleAnalytics.astro";
+export { default as YandexMetrica } from "./src/YandexMetrica.astro";

packages/analytics/package.json

@@ -35,6 +35,8 @@
     "astrolib",
     "google-analytics",
     "ga4",
+    "yandex-analytics",
+    "yandex-metrica",
     "astro-integration",
     "withastro"
   ],

packages/analytics/src/YandexMetrica.astro

@@ -0,0 +1,26 @@
+---
+export interface Props {
+  id: string;
+  partytown?: boolean;
+}
+
+const { id = "YM_COUNTER_ID", partytown = false } = Astro.props;
+
+const attrs = partytown ? { type: "text/partytown" } : {};
+---
+
+{/* <ShowIf id={id}> */}
+<script is:inline {...attrs}>
+  (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
+  m[i].l=1*new Date();
+  k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
+  (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+  ym(id, "init", {
+      clickmap:true,
+      trackLinks:true,
+      accurateTrackBounce:true
+  });
+</script>
+<noscript><div><img src={`https://mc.yandex.ru/watch/${id}`} style="position:absolute; left:-9999px;" alt="" /></div></noscript>
+{/* </ShowIf> */}