more analytics

src/analytics.js

@@ -0,0 +1,32 @@
+import { el } from "./utils.js";
+
+class Analytics {
+    static event(name, data = undefined) {
+        if (typeof ym !== 'undefined') {
+            // eslint-disable-next-line no-undef
+            ym(window.YANDEX_METRICA_ID, 'reachGoal', name, data);
+        }
+    }
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+    const popupPVZId = el("popup-pvz-id");
+    const pvzData = { pvz: popupPVZId.innerText };
+
+    const popupLink = el("popup-link");
+    const sourceLink = el("popup-source");
+    const infoPopupButton = el("info-popup-button");
+
+    popupLink.addEventListener("click", function  ()  {
+        Analytics.event("pvz-link-clicked", pvzData);
+    });
+
+    sourceLink.addEventListener("click", function  ()  {
+        Analytics.event("pvz-link-clicked", pvzData);
+    });
+
+    infoPopupButton.addEventListener("click", function  () {
+        Analytics.event("info-popup-closed");
+    });
+});
+

src/index.html

@@ -93,7 +93,7 @@
           <input type="checkbox" name="no-show">
             Больше не показывать
           </label>
-        <button>Я прочитал и понял прочитанное</button>
+        <button id="info-popup-button">Я прочитал и понял прочитанное</button>
       </footer>
       </div>
     </div>

src/main.js

@@ -4,6 +4,7 @@ import map from "./map";
 
 import "./info-popup";
 import "./popup";
+import "./analytics";
 
 import mergedData from "../merged-data.json";
 import { createFeatures } from "./features";