{"_id":"57d698414340330e00953ca5","__v":0,"parentDoc":null,"user":"564f641651f2ec0d001d6998","project":"564f643f33082f0d001bb714","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"},"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"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-09-08T08:48:08.566Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":7,"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Разметка страницы\"\n}\n[/block]\nДля правильного отслеживания просмотра (impression) кампания и внутренних промо необходимо реализовать дополнительную разметку страницы.\n\nНа всех родиельских html-элементах, определяющих зону видимости каждого баннера необходимо добавить:\n\n1. класс **\"ddl_campaign\"**;\n2. атрибут **data-campaign-id** со значением ID кампании, соответствующем значению в digitalData.campaigns[n].id.\n\nПример:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<div class=\\\"ddl_campaign\\\" data-campaign-id=\\\"123\\\">\\n  <img src=\\\"...\\\" />\\n</div>\\n\\n// или\\n\\n<img src=\\\"...\\\" class=\\\"ddl_campaign\\\" data-campaign-id=\\\"234\\\" />\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/6cf96bc-._______2016-09-07_13-14-43.png\",\n        \"Бутик.ру Интернет магазин одежды, сумок, обуви, аксессуаров 2016-09-07 13-14-43.png\",\n        1105,\n        814,\n        \"#21262d\"\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_campaign, которые попали в зону видимости пользователя\\nddListener.push(['on', 'view:.ddl_campaign', function(elements) {\\n  var viewedCampaigns = [];\\n  \\n  // получаем id кампании для каждого элемента\\n  jQuery.each(elements, function() {\\n    var campaignId = jQuery(this).data('campaign-id');\\n    viewedCampaigns.push(campaignId);\\n  });\\n  \\n  // отправляем событие просмотра кампании (impressions)\\n  digitalData.events.push({\\n    'name': 'Viewed Campaign',\\n    'campaigns': viewedCampaigns // данные о кампаниях берутся из DDL по ID\\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/cfe339c-Google_Tag_Manager_2016-09-08_12-13-41.png\",\n        \"Google Tag Manager 2016-09-08 12-13-41.png\",\n        1186,\n        757,\n        \"#ededed\"\n      ]\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"отслеживание-просмотров-кампаний","type":"basic","title":"Тег просмотра кампаний"}

Тег просмотра кампаний


[block:api-header] { "type": "basic", "title": "Разметка страницы" } [/block] Для правильного отслеживания просмотра (impression) кампания и внутренних промо необходимо реализовать дополнительную разметку страницы. На всех родиельских html-элементах, определяющих зону видимости каждого баннера необходимо добавить: 1. класс **"ddl_campaign"**; 2. атрибут **data-campaign-id** со значением ID кампании, соответствующем значению в digitalData.campaigns[n].id. Пример: [block:code] { "codes": [ { "code": "<div class=\"ddl_campaign\" data-campaign-id=\"123\">\n <img src=\"...\" />\n</div>\n\n// или\n\n<img src=\"...\" class=\"ddl_campaign\" data-campaign-id=\"234\" />", "language": "html" } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/6cf96bc-._______2016-09-07_13-14-43.png", "Бутик.ру Интернет магазин одежды, сумок, обуви, аксессуаров 2016-09-07 13-14-43.png", 1105, 814, "#21262d" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Настройка тега в GTM" } [/block] Код тега: [block:code] { "codes": [ { "code": "<script type=\"text/javascript\">\n// получаем все элементы с классом ddl_campaign, которые попали в зону видимости пользователя\nddListener.push(['on', 'view:.ddl_campaign', function(elements) {\n var viewedCampaigns = [];\n \n // получаем id кампании для каждого элемента\n jQuery.each(elements, function() {\n var campaignId = jQuery(this).data('campaign-id');\n viewedCampaigns.push(campaignId);\n });\n \n // отправляем событие просмотра кампании (impressions)\n digitalData.events.push({\n 'name': 'Viewed Campaign',\n 'campaigns': viewedCampaigns // данные о кампаниях берутся из DDL по ID\n });\n}]);\n</script>", "language": "html" } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/cfe339c-Google_Tag_Manager_2016-09-08_12-13-41.png", "Google Tag Manager 2016-09-08 12-13-41.png", 1186, 757, "#ededed" ] } ] } [/block]