{"_id":"57d698414340330e00953ca4","project":"564f643f33082f0d001bb714","user":"564f641651f2ec0d001d6998","category":{"_id":"57d698404340330e00953c71","version":"57d698404340330e00953c6c","__v":0,"project":"564f643f33082f0d001bb714","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-09-02T13:07:47.761Z","from_sync":false,"order":4,"slug":"настройка-событий-в-gtm","title":"Настройка DDM через GTM"},"parentDoc":null,"__v":0,"version":{"_id":"57d698404340330e00953c6c","project":"564f643f33082f0d001bb714","__v":2,"createdAt":"2016-09-12T11:57:52.437Z","releaseDate":"2016-09-12T11:57:52.437Z","categories":["57d698404340330e00953c6d","57d698404340330e00953c6e","57d698404340330e00953c6f","57d698404340330e00953c70","57d698404340330e00953c71","57d698404340330e00953c72","57d698404340330e00953c73","58a5711c79ac232f00cbadb5"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.1.0","version":"1.1"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-09-08T08:47:59.097Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":6,"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Разметка страницы\"\n}\n[/block]\nДля правильного отслеживания просмотра (impression) товаров необходимо реализовать дополнительную разметку страницы.\n\nНа всех родительских html-элементах, определяющих зону видимости каждого товара в списке необходимо добавить:\n1. класс \"**ddl_product**\";\n2. атрибут **data-product-id** со значением ID товара, соответствующем значению в digitalData.listing.items[n].id или digitalData.recommendation[i].items[n].id.\n3. атрибут **data-list-id** со значением ID списка соответствующем значению в digitalData.listing.listId или digitalData.recommendation[i].listId.\n\nПример:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<div class=\\\"ddl_product\\\" data-product-id=\\\"123\\\" data-list-id=\\\"main\\\">\\n  ...\\n  ...\\n</div>\\n\\n<div class=\\\"ddl_product\\\" data-product-id=\\\"234\\\" data-list-id=\\\"main\\\">\\n  ...\\n  ...\\n</div>\\n\\n...\\n...\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/45cac38-Butik.ru______-_2016-2017_______2016-09-07_12-50-25.png\",\n        \"Butik.ru: купить модные женские комбинезоны сезона осень-зима 2016-2017 в интернет магазине одежды и обуви 2016-09-07 12-50-25.png\",\n        1201,\n        778,\n        \"#e9ded8\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Настройка тега в GTM\"\n}\n[/block]\nКод тега:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<script type=\\\"text/javascript\\\">\\n// получаем все элементы с классом ddl_product, которые попали в зону видимости пользователя\\nddListener.push(['on', 'view:.ddl_product', function(elements) {\\n  var viewedListItems = [];\\n  \\n  // получаем id товара и id товарного списка для каждого элемента\\n  jQuery.each(elements, function() {\\n    var productId = jQuery(this).data('product-id'); // получаем productId из data-атрбута\\n    var listId = jQuery(this).data('list-id'); // получаем listId из data-атрибута\\n    viewedListItems.push({\\n      'product': productId, //данные о продукте берутся из DDL\\n      'listId': listId\\n    });\\n  });\\n  \\n  // отправляем событие просмотра товаров\\n  digitalData.events.push({\\n    'name': 'Viewed Product',\\n    'listItems': viewedListItems\\n  });\\n}]);\\n</script>  \",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/6f4cef1-Google_Tag_Manager_2016-09-08_12-02-04.png\",\n        \"Google Tag Manager 2016-09-08 12-02-04.png\",\n        1199,\n        774,\n        \"#edecec\"\n      ]\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"отслеживание-просмотров-товаров","type":"basic","title":"Тег просмотра товаров"}

Тег просмотра товаров


[block:api-header] { "type": "basic", "title": "Разметка страницы" } [/block] Для правильного отслеживания просмотра (impression) товаров необходимо реализовать дополнительную разметку страницы. На всех родительских html-элементах, определяющих зону видимости каждого товара в списке необходимо добавить: 1. класс "**ddl_product**"; 2. атрибут **data-product-id** со значением ID товара, соответствующем значению в digitalData.listing.items[n].id или digitalData.recommendation[i].items[n].id. 3. атрибут **data-list-id** со значением ID списка соответствующем значению в digitalData.listing.listId или digitalData.recommendation[i].listId. Пример: [block:code] { "codes": [ { "code": "<div class=\"ddl_product\" data-product-id=\"123\" data-list-id=\"main\">\n ...\n ...\n</div>\n\n<div class=\"ddl_product\" data-product-id=\"234\" data-list-id=\"main\">\n ...\n ...\n</div>\n\n...\n...", "language": "html" } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/45cac38-Butik.ru______-_2016-2017_______2016-09-07_12-50-25.png", "Butik.ru: купить модные женские комбинезоны сезона осень-зима 2016-2017 в интернет магазине одежды и обуви 2016-09-07 12-50-25.png", 1201, 778, "#e9ded8" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Настройка тега в GTM" } [/block] Код тега: [block:code] { "codes": [ { "code": "<script type=\"text/javascript\">\n// получаем все элементы с классом ddl_product, которые попали в зону видимости пользователя\nddListener.push(['on', 'view:.ddl_product', function(elements) {\n var viewedListItems = [];\n \n // получаем id товара и id товарного списка для каждого элемента\n jQuery.each(elements, function() {\n var productId = jQuery(this).data('product-id'); // получаем productId из data-атрбута\n var listId = jQuery(this).data('list-id'); // получаем listId из data-атрибута\n viewedListItems.push({\n 'product': productId, //данные о продукте берутся из DDL\n 'listId': listId\n });\n });\n \n // отправляем событие просмотра товаров\n digitalData.events.push({\n 'name': 'Viewed Product',\n 'listItems': viewedListItems\n });\n}]);\n</script> ", "language": "html" } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/6f4cef1-Google_Tag_Manager_2016-09-08_12-02-04.png", "Google Tag Manager 2016-09-08 12-02-04.png", 1199, 774, "#edecec" ] } ] } [/block]