@alexsab-ru/scripts 0.0.2

package/AUTHORS

@@ -0,0 +1 @@
+Alexander Sabanov <info@alexsab.ru>

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Alexander Sabanov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,36 @@
+# scripts
+common libs for our websites
+
+## Install and update
+```bash
+pnpm i https://github.com/alexsab-ru/scripts
+```
+
+### Send goals Analytics.js
+
+```js
+import '/node_modules/scripts/js/analytics.js';
+
+window.WebsiteAnalytics.dataLayer("phone-click");
+window.WebsiteAnalytics.dataLayer("phone-copy");
+window.WebsiteAnalytics.dataLayer("phone-contextmenu");
+window.WebsiteAnalytics.dataLayer("email-click");
+window.WebsiteAnalytics.dataLayer("email-copy");
+window.WebsiteAnalytics.dataLayer("email-contextmenu");
+window.WebsiteAnalytics.dataLayer("video-click");
+window.WebsiteAnalytics.dataLayer("form-open");
+window.WebsiteAnalytics.dataLayer("form-submit");
+window.WebsiteAnalytics.dataLayer("form-required");
+window.WebsiteAnalytics.dataLayer("form-submit");
+window.WebsiteAnalytics.dataLayer("form-error");
+```
+
+Insert before send
+```js
+var formDataObj = window.WebsiteAnalytics.getFormDataObject(formData, form.id);
+```
+
+Insert when Success callback
+```js
+window.WebsiteAnalytics.dataLayer("form-success", formDataObj);
+```

package/index.js

@@ -0,0 +1,6 @@
+// index.js
+const analytics = require('./lib/analytics');
+
+module.exports = {
+  analytics
+};

package/lib/analytics.js

@@ -0,0 +1,130 @@
+export function WebsiteAnalytics() {
+
+	window.dataLayer = window.dataLayer || [];
+
+	function dataLayer(event, t = {}) {
+		// console.log(event);
+		void 0 !== window.dataLayer && window.dataLayer.push({
+			event: event,
+			...t
+		})
+	}
+
+	function getFormDataObject(formData, form_id) {
+		let obj = {"EventProperties":{}};
+		formData.forEach((value, key) => (obj["EventProperties"][key] = value));
+		obj['EventCategory'] = 'Lead';
+		obj["EventProperties"]['formID'] = form_id;
+		obj['sourceName'] = 'page';
+		return obj;
+	}
+
+	function ymGoal(goalName,goalParams) {
+		try {
+			Ya._metrika.getCounters().forEach((me)=>{
+				ym(me.id, "reachGoal", goalName, goalParams||{})
+			})
+		} catch (err) {
+			console.error(goalName + ' - error send goal to Metrika');
+		}
+	}
+
+	function ymPage(pageName,goalParams) {
+		try {
+			Ya._metrika.getCounters().forEach((me)=>{
+				ym(me.id, "hit", pageName, goalParams||{})
+			})
+		} catch (err) {
+			console.error(goalName + ' - error send page to Metrika');
+		}
+	}
+
+	function addPhoneGoals(item) {
+		item.addEventListener('click', function(evt) {
+			dataLayer('phone-click');
+		});
+		item.addEventListener('copy', function(evt) {
+			dataLayer('phone-copy');
+		});
+		item.addEventListener('contextmenu', function(evt) {
+			dataLayer('phone-contextmenu');
+		});
+	}
+
+	function addEmailGoals(item) {
+		item.addEventListener('click', function(evt) {
+			dataLayer('email-click');
+		});
+		item.addEventListener('copy', function(evt) {
+			dataLayer('email-copy');
+		});
+		item.addEventListener('contextmenu', function(evt) {
+			dataLayer('email-contextmenu');
+		});
+	}
+
+	var goals = [
+		{
+			selector: 'a[href^\="#common-modal"]',
+			action: 'click',
+			goal: 'form-open',
+			title: 'Открыли любую форму',
+		},
+		{
+			selector: 'form input',
+			action: 'click',
+			goal: 'form-click',
+			title: 'Клик в поле любой формы',
+		},
+		{
+			selector: 'form input',
+			action: 'change',
+			goal: 'form-change',
+			title: 'Изменения полей любой формы',
+		},
+
+	];
+
+	goals.forEach(function(value, index, array){
+		if(value.goal != null) {
+			document.querySelectorAll(value.selector).forEach(function(element) {
+				// console.log("Set \"" + value.goal + "\" goal");
+				element.addEventListener(value.action, function(){
+					dataLayer(value.goal);
+				});
+			});
+		} else if(value.hit != null) {
+			document.querySelectorAll(value.selector).forEach(function(element) {
+				// console.log("Set \"" + value.goal + "\" hit");
+				element.addEventListener(value.action, function(){
+					// ymPage(value.goal);
+					dataLayer.push({
+						event:"pageView",
+						eventAction: value.hit,
+						title: value.title,
+					});
+				});
+			});
+		} else {
+			console.warn(["Ошибка в списке целей", value]);
+		}
+	});
+
+	document.querySelectorAll('a[href^\="tel:"]').forEach((tel)=>{
+		addPhoneGoals(tel);
+	});
+	document.querySelectorAll('a[href^\="mailto:"]').forEach((tel)=>{
+		addEmailGoals(tel);
+	});
+
+	// возвращаем объект с публичной функцией
+	return {
+		ymGoal: ymGoal,
+		ymPage: ymPage,
+		getFormDataObject: getFormDataObject,
+		dataLayer: dataLayer,
+	};
+
+};
+
+export default { WebsiteAnalytics }

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@alexsab-ru/scripts",
+  "version": "0.0.2",
+  "description": "common libs for websites",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/alexsab-ru/scripts.git"
+  },
+  "keywords": [
+    "analytics"
+  ],
+  "author": {
+    "name": "Alexander Sabanov",
+    "email": "info@alexsab.ru",
+    "url": "https://alexsab.ru"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/alexsab-ru/scripts/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://github.com/alexsab-ru/scripts#readme"
+}