@alexsab-ru/scripts 0.13.0 → 0.15.0

package/lib/analytics.js

@@ -1,7 +1,9 @@
+import { sendToCallTouch } from './calltouch';
+
 window.dataLayer = window.dataLayer || [];
 
 export function reachGoal(eventAction, t = {}) {
-		t.eventAction = eventAction;
+	t.eventAction = eventAction;
 	if(isGTMInstalled()) {
 		dl("reachGoal-"+eventAction, {
 			...t
@@ -12,6 +14,20 @@ export function reachGoal(eventAction, t = {}) {
 				...t
 			});
 		}
+		if(window.calltouch_params) {
+			t.siteId = window.calltouch_params.site_id;
+			// console.log("sendToCallTouch:", t);
+			sendToCallTouch(t)
+			.then(result => {
+				console.log('Данные успешно отправлены в колтач:', eventAction, result);
+			})
+			.catch(error => {
+				console.error('Ошибка при отправке данных в колтач:', eventAction, error);
+			});
+			if(window.ct) {
+				window.ct(window.calltouch_params.mod_id, 'goal', eventAction);
+			}
+		}
 		ymGoal(eventAction, {
 			...t
 		});
@@ -19,7 +35,7 @@ export function reachGoal(eventAction, t = {}) {
 }
 
 export function pageView(eventAction, t = {}) {
-		t.eventAction = eventAction;
+	t.eventAction = eventAction;
 	if(isGTMInstalled()) {
 		dl("pageView-"+eventAction, {
 			...t
@@ -37,172 +53,172 @@ export function pageView(eventAction, t = {}) {
 }
 
 export function dl(event, t = {}) {
-		// console.log(event, t);
-		void 0 !== window.dataLayer && window.dataLayer.push({
-			event: event,
-			...t
-		})
-	}
+	// console.log(event, t);
+	void 0 !== window.dataLayer && window.dataLayer.push({
+		event: event,
+		...t
+	})
+}
 
 export function getFormDataObject(formData, form_id) {
-		let eventProperties = {};
-		formData.forEach((value, key) => (eventProperties[key] = value));
-		eventProperties['formID'] = form_id;
-		return {
-			"eventProperties": eventProperties,
-			"eventCategory": "Lead",
-			"sourceName": "page",
-		};
-	}
+	let eventProperties = {};
+	formData.forEach((value, key) => (eventProperties[key] = value));
+	eventProperties['formID'] = form_id;
+	return {
+		"eventProperties": eventProperties,
+		"eventCategory": "Lead",
+		"sourceName": "page",
+	};
+}
 
 export function gGoal(goalName,goalParams){
-		try {
-			dl(goalName, goalParams)
-		} catch (err) {
-			console.error(goalName + ' - error send goal to Google Analytics');
-		}
-	}	  
-	  
+	try {
+		dl(goalName, goalParams)
+	} catch (err) {
+		console.error(goalName + ' - error send goal to Google Analytics');
+	}
+}
+
 
 export function ymGoal(goalName,goalParams) {
 	// console.log("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');
-		}
+	try {
+		Ya._metrika.getCounters().forEach((me)=>{
+			ym(me.id, "reachGoal", goalName, goalParams||{})
+		})
+	} catch (err) {
+		console.error(goalName + ' - error send goal to Metrika');
 	}
+}
 
 export function ymPage(pageName,goalParams) {
-		try {
-			Ya._metrika.getCounters().forEach((me)=>{
-				ym(me.id, "hit", pageName, goalParams||{})
-			})
-		} catch (err) {
-			console.error(pageName + ' - error send page to Metrika');
-		}
+	try {
+		Ya._metrika.getCounters().forEach((me)=>{
+			ym(me.id, "hit", pageName, goalParams||{})
+		})
+	} catch (err) {
+		console.error(pageName + ' - error send page to Metrika');
 	}
+}
 
 export function addClickCopyContextmenuGoals(item, prefix) {
-		item.addEventListener('click', function(evt) {
-			reachGoal(prefix + '_click');
-		});
-		item.addEventListener('copy', function(evt) {
-			reachGoal(prefix + '_copy');
-		});
-		item.addEventListener('contextmenu', function(evt) {
-			reachGoal(prefix + '_contextmenu');
-		});
-	}
-
-	document.querySelectorAll('a[href^\="tel:"]').forEach((tel)=>{
-		addClickCopyContextmenuGoals(tel, "phone");
+	item.addEventListener('click', function(evt) {
+		reachGoal(prefix + '_click');
 	});
-	document.querySelectorAll('a[href^\="mailto:"]').forEach((tel)=>{
-		addClickCopyContextmenuGoals(tel, "email");
+	item.addEventListener('copy', function(evt) {
+		reachGoal(prefix + '_copy');
 	});
+	item.addEventListener('contextmenu', function(evt) {
+		reachGoal(prefix + '_contextmenu');
+	});
+}
 
-	let goals = [
-		{
-			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);
-				element.addEventListener(value.action, function(){
-					reachGoal(value.goal, {
-						title: value.title,
-					});
+document.querySelectorAll('a[href^\="tel:"]').forEach((tel)=>{
+	addClickCopyContextmenuGoals(tel, "phone");
+});
+document.querySelectorAll('a[href^\="mailto:"]').forEach((tel)=>{
+	addClickCopyContextmenuGoals(tel, "email");
+});
+
+let goals = [
+	{
+		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);
+			element.addEventListener(value.action, function(){
+				reachGoal(value.goal, {
+					title: value.title,
 				});
 			});
-		} else if(value.hit != null) {
-			document.querySelectorAll(value.selector).forEach(function(element) {
-				// console.log("Set \"" + value.goal + "\" hit", element);
-				element.addEventListener(value.action, function(){
-					pageView(value.hit, {
-						title: value.title,
-					});
+		});
+	} else if(value.hit != null) {
+		document.querySelectorAll(value.selector).forEach(function(element) {
+			// console.log("Set \"" + value.goal + "\" hit", element);
+			element.addEventListener(value.action, function(){
+				pageView(value.hit, {
+					title: value.title,
 				});
 			});
-		} else {
-			console.warn("Ошибка в списке целей", value);
-		}
-	});
+		});
+	} else {
+		console.warn("Ошибка в списке целей", value);
+	}
+});
+
+function isGTMInstalled() {
+	// console.log("gtm.js:", window.dataLayer.length > 0 && dataLayer[0].event == "gtm.js");
+	// console.log("window.isGTMInstalled:", window.isGTMInstalled);
+	if (window.dataLayer.length > 0 && dataLayer[0].event == "gtm.js") return true;
+	switch(window.isGTMInstalled) {
+		case true:
+			return true;
+			break;
+		case false:
+			return false;
+			break;
+		default:
+	}
 
-	function isGTMInstalled() {
-		// console.log("gtm.js:", window.dataLayer.length > 0 && dataLayer[0].event == "gtm.js");
-		// console.log("window.isGTMInstalled:", window.isGTMInstalled);
-		if (window.dataLayer.length > 0 && dataLayer[0].event == "gtm.js") return true;
-		switch(window.isGTMInstalled) {
-			case true:
-				return true;
-				break;
-			case false:
-				return false;
-				break;
-			default:
+	let scripts = document.querySelectorAll('script');
+	for (let script of scripts) {
+		if (script.src && script.src.includes('gtm.js')) {
+		window.isGTMInstalled = true;
+		return true;
 		}
-		
-		let scripts = document.querySelectorAll('script');
-		for (let script of scripts) {
-		  if (script.src && script.src.includes('gtm.js')) {
-			window.isGTMInstalled = true;
+	}
+	window.isGTMInstalled = false;
+	return false;
+}
+
+function checkGA4InDataLayer() {
+	// console.log("window.ga4Installed:", window.ga4Installed);
+	switch(window.ga4Installed) {
+		case true:
 			return true;
-		  }
-		}
-		window.isGTMInstalled = false;
-		return false;
+			break;
+		case false:
+			return false;
+			break;
+		default:
 	}
 
-	function checkGA4InDataLayer() {
-		// console.log("window.ga4Installed:", window.ga4Installed);
-		switch(window.ga4Installed) {
-			case true:
-				return true;
-				break;
-			case false:
-				return false;
-				break;
-			default:
+	if (typeof window.dataLayer !== 'undefined') {
+		// Просмотр событий в dataLayer для поиска конфигурации GA4
+		const ga4Config = window.dataLayer.find(item =>
+			item && item[0] === 'config' && item[1] && item[1].startsWith('G-')
+		);
+
+		if (ga4Config) {
+			// console.log('GA4 настройка найдена в dataLayer:', ga4Config[1]);
+			window.ga4Installed = true;
+			return true;
 		}
+	}
 
-		if (typeof window.dataLayer !== 'undefined') {
-			// Просмотр событий в dataLayer для поиска конфигурации GA4
-			const ga4Config = window.dataLayer.find(item => 
-				item && item[0] === 'config' && item[1] && item[1].startsWith('G-')
-			);
-		  
-			if (ga4Config) {
-				// console.log('GA4 настройка найдена в dataLayer:', ga4Config[1]);
-				window.ga4Installed = true;
-				return true;
-			}
+	const scripts = document.querySelectorAll('script');
+	scripts.forEach(script => {
+		if (script.src && script.src.includes('gtag.js')) {
+			window.ga4Installed = true;
+			return true;
 		}
+	});
 
-		const scripts = document.querySelectorAll('script');
-		scripts.forEach(script => {
-			if (script.src && script.src.includes('gtag.js')) {
-				window.ga4Installed = true;
-				return true;
-			}
-		});
-		
-		// console.log('GA4 конфигурация не найдена в dataLayer');
-		window.ga4Installed = false;
-		return false;
-	}
+	// console.log('GA4 конфигурация не найдена в dataLayer');
+	window.ga4Installed = false;
+	return false;
+}

package/lib/calltouch/calltouch-module.js

@@ -0,0 +1,187 @@
+/**
+ * Модуль для отправки данных в CallTouch API
+ * @module calltouch-integration
+ */
+
+/**
+ * Проверяет значение и возвращает пустую строку, если значение пустое или undefined
+ * @param {*} value - Проверяемое значение
+ * @return {string} Проверенное значение или пустая строка
+ */
+const getValueOrEmpty = (value) => {
+	if (value === undefined || value === null || value === 'undefined') {
+		return '';
+	}
+	return String(value);
+};
+
+/**
+ * Обрабатывает данные события и формирует объект для отправки в CallTouch
+ * @param {Object} eventData - Данные о событии
+ * @param {string} sessionId - ID сессии
+ * @return {Object} Объект с данными и комментарием для отправки
+ */
+function processEventData(eventData, sessionId) {
+	// Основные поля для передачи в API
+	const basicFields = {
+		name: { key: 'fio', label: null },
+		phone: { key: 'phoneNumber', label: null },
+		email: { key: 'email', label: null },
+		form: { key: 'subject', label: null }
+	};
+
+	// Поля для включения в комментарий
+	const commentFields = {
+		dealer: { label: 'Дилер' },
+		dealershipName: { label: 'ДЦ' },
+		salon: { label: 'Салон' },
+		vehicleNameplate: { label: 'Авто' },
+		priceDealership: { label: 'Цена' },
+		vehicleModel: { label: 'Модель' },
+		vehicleBrand: { label: 'Марка' },
+		service: { label: 'Услуга' },
+		source: { label: 'Источник' },
+		medium: { label: 'Канал' },
+		campaign: { label: 'Кампания' }
+		// Можно добавить любые другие поля по мере необходимости
+	};
+
+	// Собираем основные данные
+	const ct_data = {
+		requestUrl: location.href,
+		sessionId: sessionId
+	};
+
+	// Обрабатываем основные поля
+	Object.entries(basicFields).forEach(([fieldName, config]) => {
+		const value = getValueOrEmpty(eventData[fieldName]);
+		if (value) {
+			ct_data[config.key] = value;
+		}
+	});
+
+	// Формируем комментарий из всех доступных полей
+	const ct_comment = [];
+	
+	Object.entries(commentFields).forEach(([fieldName, config]) => {
+		const value = getValueOrEmpty(eventData[fieldName]);
+		if (value) {
+			ct_comment.push(`${config.label}: ${value}`);
+		}
+	});
+
+	// Добавляем комментарий в объект данных, если он не пустой
+	if (ct_comment.length > 0) {
+		ct_data.comment = ct_comment.join(', ');
+	}
+
+	return ct_data;
+}
+
+/**
+ * Отправляет данные лида в CallTouch API
+ * @param {Object} options - Параметры для отправки
+ * @param {string} options.siteId - ID сайта в CallTouch
+ * @param {string} options.eventCategory - Категория события (например, 'Lead')
+ * @param {Object} options.eventProperties - Данные о событии
+ * @param {string} [options.eventProperties.name] - Имя клиента
+ * @param {string} options.eventProperties.phone - Телефон клиента
+ * @param {string} [options.eventProperties.email] - Email клиента
+ * @param {string} [options.eventProperties.form] - Название формы
+ * @param {string} [options.eventProperties.dealershipName] - Название дилерского центра
+ * @param {string} [options.eventProperties.salon] - Название салона
+ * @param {string} [options.eventProperties.vehicleNameplate] - Название автомобиля
+ * @param {string} [options.eventProperties.priceDealership] - Цена автомобиля
+ * @param {string} [options.sessionId] - ID сессии (опционально, по умолчанию window.call_value)
+ * @return {Promise} Promise с результатом запроса
+ */
+function sendToCallTouch(options) {
+	return new Promise((resolve, reject) => {
+		try {
+			const { siteId, eventCategory, eventProperties, sessionId = window.call_value } = options;
+			
+			// Проверяем, что категория события - Lead
+			if (eventCategory !== 'Lead') {
+				return resolve({ status: 'skipped', message: 'Not a Lead event' });
+			}
+			
+			// Проверяем обязательные параметры
+			if (!siteId) {
+				return reject(new Error('siteId is required'));
+			}
+			
+			// Обрабатываем данные с помощью оптимизированной функции
+			const ct_data = processEventData(eventProperties, sessionId);
+			
+			// Проверяем наличие телефона
+			if (!ct_data.phoneNumber) {
+				return resolve({ status: 'error', message: 'Phone number is required' });
+			}
+			
+			// Формируем строку параметров для POST-запроса
+			const post_data = Object.keys(ct_data)
+				.filter(key => ct_data[key]) // Исключаем пустые поля
+				.map(key => key + '=' + encodeURIComponent(ct_data[key]))
+				.join('&');
+			
+			// URL для запроса к API CallTouch
+			const CT_URL = 'https://api.calltouch.ru/calls-service/RestAPI/requests/' + siteId + '/register/';
+			
+			// Проверяем, не отправляется ли уже запрос
+			if (window.ct_snd_flag) {
+				return resolve({ status: 'skipped', message: 'Another request is in progress' });
+			}
+			
+			// Устанавливаем флаг для предотвращения дублирования запросов
+			window.ct_snd_flag = 1;
+			setTimeout(function() { 
+				window.ct_snd_flag = 0; 
+			}, 20000);
+			
+			// Отправляем запрос
+			const request = new XMLHttpRequest();
+			request.open("POST", CT_URL, true);
+			request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+			
+			request.onload = function() {
+				if (this.status >= 200 && this.status < 400) {
+					resolve({ 
+						status: 'success', 
+						response: this.responseText,
+						data: ct_data
+					});
+				} else {
+					reject(new Error('API returned status: ' + this.status));
+				}
+			};
+			
+			request.onerror = function() {
+				reject(new Error('Connection error'));
+			};
+			
+			request.send(post_data);
+		} catch (error) {
+			console.error('CallTouch error:', error);
+			reject(error);
+		}
+	});
+}
+
+// Экспорт функций для использования в других модулях
+export { sendToCallTouch, getValueOrEmpty };
+
+// Для совместимости с CommonJS
+if (typeof module !== 'undefined' && module.exports) {
+	module.exports = {
+		sendToCallTouch,
+		getValueOrEmpty
+	};
+}
+
+// Для использования через тег <script>
+if (typeof window !== 'undefined') {
+	window.CallTouchAPI = {
+		sendToCallTouch,
+		getValueOrEmpty
+	};
+}

package/lib/calltouch/create-request.js

@@ -0,0 +1,76 @@
+export const createRequest = (routeKey, phoneValue, nameValue, verbose = false) => {
+return new Promise((resolve, reject) => {
+	let errorText = '';
+	if(window.ctw) {
+		window.ctw.getRouteKeyData(routeKey, function(success, data){
+			verbose && console.log(success, data);
+			if (success) {
+				if (data.widgetFound) {
+					if (data.widgetData.callCenterWorkingMode == 'working_hours') {
+						verbose && console.log('колл-центр работает, отображение виджета');
+					} else {
+						if (data.widgetData.collectNonWorkingRequests) {
+							verbose && console.log('колл-центр не работает, но можем отобразить форму нерабочего времени');
+						} else {
+							verbose && console.log('колл-центр не работает, заявки в нерабочее время не собираем');
+						}
+					}
+
+					var phone_ct = phoneValue.replace(/[^0-9]/gim, '');
+					if (phone_ct[0] == '8') { phone_ct = phone_ct.substring(1); }
+					if (phone_ct[0] == '7') { phone_ct = phone_ct.substring(1); }
+					phone_ct = '7' + phone_ct;
+
+					window.ctw.createRequest(
+						routeKey,
+						phone_ct,
+						( nameValue.length > 0 ? [
+							{"name": "Name", "value": nameValue}
+						] : []),
+						function (success, data) {
+							verbose && console.log(success, data)
+							if (success) {
+								verbose && console.log('Создана заявка на колбек, идентификатор: ' + data.callbackRequestId);
+								resolve(data); // Разрешаем Promise данными от createRequest
+							}
+							else {
+								errorText = 'Error in createRequest';
+								switch (data.type) {
+								case "request_throttle_timeout":
+								case "request_throttle_count":
+									errorText = 'Достигнут лимит создания заявок, попробуйте позже';
+									verbose && console.log(errorText);
+									break;
+								case "request_phone_blacklisted":
+									errorText = 'номер телефона находится в черном списке';
+									verbose && console.log(errorText);
+									break;
+								case "validation_error":
+									errorText = 'были переданы некорректные данные';
+									verbose && console.log(errorText);
+									break;
+								default:
+									errorText = 'Во время выполнения запроса произошла ошибка: ' + data.type;
+									verbose && console.log(errorText);
+								}
+								reject(errorText); // Отклоняем Promise в случае ошибки
+							}
+						}
+					);
+				} else {
+					errorText = 'не найден включенный виджет '+routeKey+', либо услуга обратного звонка не активна';
+					verbose && console.log(errorText);
+					reject(errorText);
+				}
+			} else {
+				errorText = 'во время обработки произошла ошибка';
+				verbose && console.log(errorText);
+				verbose && console.log(data)
+				reject(errorText);
+			}
+		});
+	} else {
+		reject("window.ctw is not defined");
+	}
+});
+};