Your IP : 3.15.214.244
import {Dom, Type, Text, Event, Runtime} from 'main.core';
import type {AnalyticsOptions} from './types';
/**
* @memberOf BX.Landing
*/
export class Metrika
{
static TOOL_NAME = 'landing';
formSelector: string;
widgetBlockItemSelector: string;
siteType: ?string;
formBlocks: Array<string>;
formsLoaded: Array;
sendedLabel: Array;
widgetOpened: boolean;
widgetBlockHover: boolean;
constructor(light: boolean)
{
this.sendedLabel = [];
if (light === true)
{
return;
}
this.formSelector= '.bitrix24forms';
this.widgetBlockItemSelector = '.landing-b24-widget-button-social-item';
this.formBlocks = [...document.querySelectorAll(this.formSelector)];
this.siteType = this.getSiteType();
this.formsLoaded = [];
this.widgetOpened = false;
this.widgetBlockHover = false;
/*if (this.isFormsExists())
{
this.waitForForms();
}*/
this.waitForWidget();
this.detectAnchor();
}
/**
* Returns site type.
* @return {string|null}
*/
getSiteType()
{
const metaSiteType = document.querySelector('meta[property="Bitrix24SiteType"]');
if (metaSiteType)
{
return metaSiteType.getAttribute('content');
}
return null;
}
/**
* Is any form exists into the page.
* @return {boolean}
*/
isFormsExists(): boolean
{
return this.formBlocks.length > 0;
}
/**
* Listener for address links on the page.
*/
detectAnchor(): void
{
[...document.querySelectorAll('a')].map(node => {
let href = Dom.attr(node, 'href');
if (href)
{
href = href.toString();
}
if (href && href.indexOf(':'))
{
const hrefPref = href.split(':')[0];
if (['callto', 'tel', 'mailto'].includes(hrefPref))
{
Event.bind(node, 'click', () => {
this.sendLabel('', 'addressClick', hrefPref);
});
}
}
});
}
/**
* Listener for widget commands.
*/
waitForWidget(): void
{
[...document.querySelectorAll(this.widgetBlockItemSelector)].map(node => {
Event.bind(node, 'mouseover', () => {
this.widgetBlockHover = true;
});
Event.bind(node, 'mouseout', () => {
this.widgetBlockHover = false;
});
Event.bind(node, 'click', () => {
[...node.classList].map(className => {
if (className.indexOf('ui-icon-service-') === 0)
{
const ol = className.substr('ui-icon-service-'.length);
this.sendLabel('', 'olOpenedFromWidget', ol);
}
});
});
});
window.addEventListener('onBitrixLiveChat', event => {
const {widget, widgetHost} = event.detail;
widget.subscribe({
type: BX.LiveChatWidget.SubscriptionType.every,
callback: event => {
if (event.type === BX.LiveChatWidget.SubscriptionType.widgetOpen)
{
if (this.widgetBlockHover)
{
this.sendLabel(widgetHost, 'chatOpenedFromWidget');
}
else
{
this.sendLabel(widgetHost, 'chatOpened');
}
}
}
});
});
}
/**
* Sends analytic label when form is loaded, otherwise sends fail label.
*/
waitForForms(): void
{
window.addEventListener('b24:form:show:first', event => {
const {id, sec, address} = event.detail.object.identification;
const disabled = event.detail.object.disabled;
this.formsLoaded.push(id + '|' + sec);
if (disabled)
{
this.sendLabel(address, 'formDisabledLoad', id+ '|' + sec);
}
else
{
this.sendLabel(address, 'formSuccessLoad', id+ '|' + sec);
}
});
setTimeout(() => {
this.formBlocks.map(node => {
const dataAttr = Dom.attr(node, 'data-b24form');
if (dataAttr && dataAttr.indexOf('|'))
{
const formData = dataAttr.split('|');
if (!this.formsLoaded.includes(formData[0] + '|' + formData[1]))
{
this.sendLabel(
null,
'formFailLoad',
formData[1] ? formData[0] + '|' + formData[1] : formData[0]
);
}
}
});
}, 5000);
}
/**
* Clears already sent labels.
*/
clearSendedLabel()
{
this.sendedLabel = [];
}
/**
* Send label to the portal.
* @param {string|null} portalUrl
* @param {string} label
* @param {string|null} value
*/
sendLabel(portalUrl: ?string, label: string, value: ?string): void
{
if (this.sendedLabel.includes(label + value))
{
return;
}
if (value && value.substr(0, 1) === '#')
{
value = value.substr(1);
}
this.sendedLabel.push(label + value);
BX.ajax({url:
(portalUrl ? portalUrl : '') + '/bitrix/images/landing/analytics/pixel.gif?action=' + label +
(value ? '&value=' + value : '') +
(this.siteType ? '&siteType=' + this.siteType : '') +
'&time=' + (new Date().getTime())
});
}
/**
* For new analytic scheme
* @param data
*/
sendData(data: AnalyticsOptions): void
{
Runtime.loadExtension('ui.analytics')
.then(exports => {
data.tool = Metrika.TOOL_NAME;
if (data.params && Type.isObject(data.params))
{
let i = 1;
const maxParams = 5;
for (let param in data.params)
{
if (i <= maxParams)
{
const key = 'p' + i++;
Text.toCamelCase(param);
data[key] = Text.toCamelCase(param) + '_' + Text.toCamelCase(data.params[param]);
}
}
delete data.params;
}
const {sendData} = exports;
sendData(data);
})
;
}
}