Coder Social home page Coder Social logo

datalayer2ym-no-gtm's Introduction

dataLayer2Ym

Передача событий dataLayer в Яндекс.Метрику без GTM

Описание скрипта

В современных реалиях возможна ситуация когда продукты компании Google могут быть отключены с сайта. Особенно это касается Google Analytics, и особенно Google Tag Manager. Отключение GTM приводит к тому что приходится переделывать всю логику передачи событий в аналитические системы.

Данный скрипт позволяет уменьшить количество изменений на сайте. Скрипт перехватывает все обращения к объекту dataLayer и передает все события в Яндекс метрику со всеми переданными параметрами. Кроме того данный скрипт сохраняет установленные значения переменных dataLayer, что позволяет ими пользоваться ранее установленными переменными в своих передачах значений. Значения всех переменных сохраняются в глобальном объекте dataLayerVars.

Описание скрипта доступно на сайте https://ivannikitin.com/2022/04/02/datalayer-yandex-metrika/

Как пользоваться скриптом передачи событий в Яндекс.Метрику без GTM

  1. Возьмите последнюю версию скрипта dataLayer2Ym из репозитария Github.
  2. Найдите в самом начале скрипта строку const YM_ID = 123456789; и замените в ней код счетчика Яндекс.Метрики на свой.
  3. Разместите ее на всех страницах своего сайта в любом месте кода HTML.

Всё! С этого момента любые события, передаваемые в dataLayer, уходят в Яндекс.Метрику.

Как пользоваться переменными dataLayer

Если в событии передаются любые параметры, например так:

dataLayer.push({
    'event' : 'login', 
    'user_id' : 'U-XXXXXXXX'
});

Или просто устанавливаются переменные, например, так:

dataLayer.push({
    'user_id' : 'U-XXXXXXXX'
});

То все эти параметры (переменные dataLayer) доступны для дальнейшего использования в любое время, например, так:

let userId = dataLayerVars.user_id;

Или так

let userId = dataLayerVars['user_id'];

Отладка скрипта передачи событий в Яндекс.Метрику

Режим отладки скрипта включается автоматически вместе с отладкой Яндекс.Метрики. В режиме отладки все свои действия скрипт выводит в консоль браузера. Чтобы включить режим отладки, просто добавьте в URL своего сайта параметр _ym_debug=1, например
https://example.com/?_ym_debug=1

datalayer2ym-no-gtm's People

Contributors

ivannin avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.