{"_id":"57d698404340330e00953c7e","parentDoc":null,"user":"564f641651f2ec0d001d6998","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":"57d698404340330e00953c72","project":"564f643f33082f0d001bb714","version":"57d698404340330e00953c6c","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-12-10T19:30:55.729Z","from_sync":false,"order":5,"slug":"дополнительные-интеграции","title":"Интеграции DDM"},"project":"564f643f33082f0d001bb714","__v":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-12-10T19:39:53.439Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"settings":"","results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":6,"body":"[Digital Data Manager](https://github.com/driveback/digital-data-manager) позвляет реализовать интеграцию DDL с Google Tag Manager в один клик.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Инициализация\"\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"ddManger.initialize({\\n  \\\"integrations\\\": {\\n  \\t\\\"Google Tag Manager\\\": {\\n  \\t\\t\\\"containerId\\\": \\\"XXX\\\"\\n  \\t}\\n  }\\n});\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]\nDigital Data Manager также загрузит сам контейнер GTM, так что сниппет загрузки GTM можно убрать из кода сайта.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Описание опций\"\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Ключ\",\n    \"h-1\": \"Тип\",\n    \"h-2\": \"Описание\",\n    \"0-0\": \"containerId\",\n    \"1-0\": \"noConflict\",\n    \"1-1\": \"Boolean\",\n    \"0-1\": \"String\",\n    \"1-2\": \"**Обязательное поле**. \\n\\n**Значение по умолчанию:**  false.\",\n    \"0-2\": \"Идентификатор контейнера. (значение начинается с 'GTM-'...)\"\n  },\n  \"cols\": 3,\n  \"rows\": 2\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Важно!\",\n  \"body\": \"Если поле noConflict=false, то containerId обязательно должен быть передан.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Публикация событий в GTM\"\n}\n[/block]\nТеперь, все события, добавленные в DDL, будут также автоматически отправляться и в GTM.\n\nК примеру, вы публикуете в DDL следующее событие:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"digitalData.events.push({\\n\\t\\\"name\\\": \\\"Subscribed\\\",\\n  \\\"category\\\": \\\"Email\\\",\\n  \\\"user\\\": {\\n  \\t\\\"email\\\": \\\"email:::at:::example.com\\\",\\n    \\\"firstName\\\": \\\"John\\\",\\n    \\\"lastName\\\": \\\"Doe\\\"\\n  }\\n});\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]\nДанное событие будет также автоматически отправлено в Google Data Layer (а соответственно и в GTM) в следующем виде:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"dataLayer.push({\\n\\t\\\"event\\\": \\\"Subscribed\\\",\\n  \\\"eventCategory\\\": \\\"Email\\\",\\n  \\\"user\\\": {\\n  \\t\\\"email\\\": \\\"email@example.com\\\",\\n    \\\"firstName\\\": \\\"John\\\",\\n    \\\"lastName\\\": \\\"Doe\\\"\\n  }\\n});\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"google-tag-manager","type":"basic","title":"Google Tag Manager"}

Google Tag Manager


[Digital Data Manager](https://github.com/driveback/digital-data-manager) позвляет реализовать интеграцию DDL с Google Tag Manager в один клик. [block:api-header] { "type": "basic", "title": "Инициализация" } [/block] [block:code] { "codes": [ { "code": "ddManger.initialize({\n \"integrations\": {\n \t\"Google Tag Manager\": {\n \t\t\"containerId\": \"XXX\"\n \t}\n }\n});", "language": "javascript" } ] } [/block] Digital Data Manager также загрузит сам контейнер GTM, так что сниппет загрузки GTM можно убрать из кода сайта. [block:api-header] { "type": "basic", "title": "Описание опций" } [/block] [block:parameters] { "data": { "h-0": "Ключ", "h-1": "Тип", "h-2": "Описание", "0-0": "containerId", "1-0": "noConflict", "1-1": "Boolean", "0-1": "String", "1-2": "**Обязательное поле**. \n\n**Значение по умолчанию:** false.", "0-2": "Идентификатор контейнера. (значение начинается с 'GTM-'...)" }, "cols": 3, "rows": 2 } [/block] [block:callout] { "type": "warning", "title": "Важно!", "body": "Если поле noConflict=false, то containerId обязательно должен быть передан." } [/block] [block:api-header] { "type": "basic", "title": "Публикация событий в GTM" } [/block] Теперь, все события, добавленные в DDL, будут также автоматически отправляться и в GTM. К примеру, вы публикуете в DDL следующее событие: [block:code] { "codes": [ { "code": "digitalData.events.push({\n\t\"name\": \"Subscribed\",\n \"category\": \"Email\",\n \"user\": {\n \t\"email\": \"email@example.com\",\n \"firstName\": \"John\",\n \"lastName\": \"Doe\"\n }\n});", "language": "javascript" } ] } [/block] Данное событие будет также автоматически отправлено в Google Data Layer (а соответственно и в GTM) в следующем виде: [block:code] { "codes": [ { "code": "dataLayer.push({\n\t\"event\": \"Subscribed\",\n \"eventCategory\": \"Email\",\n \"user\": {\n \t\"email\": \"email@example.com\",\n \"firstName\": \"John\",\n \"lastName\": \"Doe\"\n }\n});", "language": "javascript" } ] } [/block]