{"_id":"57d698414340330e00953ca3","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"},"parentDoc":null,"__v":0,"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"},"project":"564f643f33082f0d001bb714","user":"564f641651f2ec0d001d6998","updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-09-08T06:08:29.203Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":5,"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Разметка страницы\"\n}\n[/block]\nДля правильного отслеживания кликов по кампаниями (внутренним промо) необходимо реализовать дополнительную разметку страницы.\n\nНа всех ссылках перехода по баннеру кампании необходимо добавить:\n1. класс \"**ddl_campaign_link**\";\n2. атрибут **data-campaign-id** со значением ID кампании, соответствующем значению в digitalData.campaigns[n].id.\n\nПример:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<a class=\\\"ddl_campaign_link\\\" data-campaign-id=\\\"promo123\\\" href=\\\"...\\\">\\n  <img src=\\\"...\\\"/>\\n</a>\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Настройка триггера в GTM\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/d3e8c00-Google_Tag_Manager_2016-09-08_09-14-17.png\",\n        \"Google Tag Manager 2016-09-08 09-14-17.png\",\n        1195,\n        808,\n        \"#ebebe8\"\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\\\">\\nvar clickedEl = jQuery({{Click Element}});  \\nvar campaignId = clickedEl.data('campaign-id');\\nif (campaignId) {\\n  digitalData.events.push({\\n    'name': 'Clicked Campaign',\\n    'campaign': campaignId\\n  });\\n}  \\n</script>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Важно!\",\n  \"body\": \"Подразумевается, что стандарт DigitalData полностью установлен на сайт. Таким образом событие будет автоматически [обогащено данными](https://digitaldata.readme.io/docs/обогащение-данными#-----) о товаре из объекта window.digitalData.\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b90e367-Google_Tag_Manager_2016-09-08_09-18-59.png\",\n        \"Google Tag Manager 2016-09-08 09-18-59.png\",\n        1184,\n        777,\n        \"#edecec\"\n      ]\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"отслеживание-кликов-по-кампаниям","type":"basic","title":"Тег клика по кампании"}

Тег клика по кампании


[block:api-header] { "type": "basic", "title": "Разметка страницы" } [/block] Для правильного отслеживания кликов по кампаниями (внутренним промо) необходимо реализовать дополнительную разметку страницы. На всех ссылках перехода по баннеру кампании необходимо добавить: 1. класс "**ddl_campaign_link**"; 2. атрибут **data-campaign-id** со значением ID кампании, соответствующем значению в digitalData.campaigns[n].id. Пример: [block:code] { "codes": [ { "code": "<a class=\"ddl_campaign_link\" data-campaign-id=\"promo123\" href=\"...\">\n <img src=\"...\"/>\n</a>", "language": "javascript" } ] } [/block] [block:api-header] { "type": "basic", "title": "Настройка триггера в GTM" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/d3e8c00-Google_Tag_Manager_2016-09-08_09-14-17.png", "Google Tag Manager 2016-09-08 09-14-17.png", 1195, 808, "#ebebe8" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Настройка тега в GTM" } [/block] Код тега: [block:code] { "codes": [ { "code": "<script type=\"text/javascript\">\nvar clickedEl = jQuery({{Click Element}}); \nvar campaignId = clickedEl.data('campaign-id');\nif (campaignId) {\n digitalData.events.push({\n 'name': 'Clicked Campaign',\n 'campaign': campaignId\n });\n} \n</script>", "language": "html" } ] } [/block] [block:callout] { "type": "warning", "title": "Важно!", "body": "Подразумевается, что стандарт DigitalData полностью установлен на сайт. Таким образом событие будет автоматически [обогащено данными](https://digitaldata.readme.io/docs/обогащение-данными#-----) о товаре из объекта window.digitalData." } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/b90e367-Google_Tag_Manager_2016-09-08_09-18-59.png", "Google Tag Manager 2016-09-08 09-18-59.png", 1184, 777, "#edecec" ] } ] } [/block]