Работа с пользовательскими переменными в GTM. Создание объектов

 

Объекты — набор свойств, состоящий из ключей и значений, связанными с этими ключами, и являющимся неотъемлемой частью массивов. Основное предназначение объектов — это описание элемента, над которым совершается какое-либо действие.

В данной статье рассмотрим способ создания объектов с помощью Google Tag Manager.

В первую очередь необходимо вставить код Менеджера тегов Google в исходный код сайта, если он там отсутствует.

Объект в JavaScript состоит из переменной и заданных ей свойств. Например, есть некоторая статья в блоге, которой необходимо задать свойства: название статьи, её id, рубрику и автора. Опишем её с помощью созданных ранее переменных. Для этого в GTM в Переменных создадим пользовательскую переменную типа Собственный код JavaScript и в коде впишем следующее:

 

function(artObj) {
	
  var artObj = {};
  artObj.title = {{Article Title}};
  artObj.id = {{Article ID}};
  artObj.category = {{Article Section}};
  artObj.author = {{Article Author}};
	
  return artObj;
	
}
  • artObj — это переменная для создания объекта, объявляется как пустой объект фигурными скобками;
  • title, id, category и author — это заданные свойства объекта artObj, которые будут использоваться на выходе;
  • {{Article Title}}, {{Article ID}}, {{Article Section}} и {{Article Author}} — значения — заданные переменные названия, id, рубрики и автора статьи соответственно;
  • return artObj — это команда, которая покажет на выходе заданные свойства объекта со значениями.

Включаем режим предварительного просмотра и смотрим, что у нас получилось на выходе:

Если вышеупомянутых переменных в GTM не существует, то их можно описывать, не создавая отдельно переменные, например:

artObj.title = document.querySelector('div > header > h2').innerText;

Данный способ также очень часто применяется в описании свойств товаров в интернет-магазинах (Ecommerce). Выглядит это примерно так:

function(productObj) {

  var productObj = {};
  productObj.name = {{variableName}};
  productObj.id = {{variableID}};
  productObj.price = {{variablePrice}};
  productObj.brand = {{variableBrand}};
  productObj.category = {{variableCategory}};
  productObj.variant = {{variableVariant}};
  productObj.position = {{variablePosition}};
  
  return productObj;
}

Это один из самых простых и удобных описаний объектов, который впоследствии становится удобным инструментом для передачи данных в системы аналитики.

Поделиться ссылкой:

 

Читайте также