{"_id":"57d698414340330e00953ca0","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"},"__v":1,"user":"564f641651f2ec0d001d6998","parentDoc":null,"project":"564f643f33082f0d001bb714","updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-09-02T13:09:51.287Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":2,"body":"[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Важно!\",\n  \"body\": \"Данный раздел предполагает, что стандарт DigitalData полностью реализован на всех страницах сайта и все необходимые [переменные GTM настроены](https://digitaldata.readme.io/docs/настройка-переменных).\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Список основных триггеров GTM\"\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Название триггера\",\n    \"0-0\": \"[DDL - All Pages](#ddl-all-page)\",\n    \"1-0\": \"[DDL - Product Category Page](#ddl-product-category-page)\",\n    \"3-0\": \"[DDL - Product Detail Page](#ddl-product-detail-page)\",\n    \"4-0\": \"[DDL - Cart Page](#ddl-cart-page)\",\n    \"6-0\": \"[DDL - Confirmation Page](#ddl-confirmation-page)\",\n    \"h-1\": \"Событие dataLayer\",\n    \"0-1\": \"DDManager Ready\\n(или ваше пользовательское событие dataLayer)\",\n    \"h-2\": \"Дополнительные условия\",\n    \"0-2\": \"-\",\n    \"1-2\": \"digitalData.page.type = \\\"category\\\"\",\n    \"3-2\": \"digitalData.page.type = \\\"product\\\"\",\n    \"4-2\": \"digitalData.page.type = \\\"cart\\\"\",\n    \"6-2\": \"digitalData.page.type = \\\"confirmation\\\"\",\n    \"h-3\": \"Описание\",\n    \"0-3\": \"Все страницы сайта.\",\n    \"1-3\": \"Просмотр товарной категории.\",\n    \"3-3\": \"Просмотр карточки товара.\",\n    \"4-3\": \"Просмотр корзины.\",\n    \"6-3\": \"Просмотр страницы подтверждения заказа.\",\n    \"1-1\": \"DDManager Ready\\n(или ваше пользовательское событие dataLayer)\",\n    \"3-1\": \"DDManager Ready\\n(или ваше пользовательское событие dataLayer)\",\n    \"4-1\": \"DDManager Ready\\n(или ваше пользовательское событие dataLayer)\",\n    \"6-1\": \"DDManager Ready\\n(или ваше пользовательское событие dataLayer)\",\n    \"5-0\": \"[DDL - Checkout Page](#ddl-checkout-page)\",\n    \"5-1\": \"DDManager Ready\\n(или ваше пользовательское событие dataLayer)\",\n    \"5-2\": \"digitalData.page.type = \\\"checkout\\\"\",\n    \"5-3\": \"Просмотр страницы оформления заказа.\",\n    \"2-0\": \"[DDL - Search Results Page](#ddl-search-results-page)\",\n    \"2-1\": \"DDManager Ready\\n(или ваше пользовательское событие dataLayer)\",\n    \"2-2\": \"digitalData.page.type = \\\"search\\\"\",\n    \"2-3\": \"Просмотр страницы с результатами поиска товаров.\"\n  },\n  \"cols\": 4,\n  \"rows\": 7\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"Список триггеров может быть расширен в зависимости от индивидуальных требований каждого сайта.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Событие dataLayer для инициализации триггеров\"\n}\n[/block]\nВсе описанные выше триггеры должны срабатывать тогда, когда Digital Data Manager загружен на страницу и полностью инициализирован.\n\nDigital Data Manager автоматически отправляет событие** \"DDManager Ready\"** в dataLayer при подключенной интеграции Google Tag Manager. Именно на это событие по умолчанию и необходимо настраивать все триггеры просмотра страниц.\n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"Настройка триггеров используя событие dataLayer \\\"DDManager Ready\\\" подойдет вам в большинстве случаев.\"\n}\n[/block]\n**Использование пользовательского события вместо  \"DDManager Ready\":**\n\nИспользование пользовательского события для настройки триггеров необходимо тогда, когда вы не хотите инициализировать триггер, пока не будут загружены определенные переменные на сайт (к примеру, информация о пользователе подгружается в DigitalData асинхронно и вы не хотите отправлять никаких событий, пока данные не будут загружены, либо необходимо дождаться загрузки Google Analytics для получения clientId).\n\nВ этом случае триггеры просмотра страниц должны быть настроены на ваше пользовательское событие, которое необходимо добавить в dataLayer, когда Digital Data Manager полностью инициализирован и все необходимые данные полностью загружены на страницу.\n\nНиже приведен пример, как это может быть реализовано.\n\nОтправка события готовности страницы:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"ddManager.on('ready', function() { // DDManager инициализирован\\n\\tga(function() { // Google Analytics загружен\\n  \\tjQuery.get('/user-data', function(userData) { // данные получены\\n      digitalData.user = userData;\\n     \\tdataLayer.push({ event: 'Page Ready' });\\n    });\\n  });\\n});\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]\nНастройка триггера:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/0db7626-Google_Tag_Manager_2016-09-02_18-41-14.png\",\n        \"Google Tag Manager 2016-09-02 18-41-14.png\",\n        1198,\n        514,\n        \"#e9e9e9\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"DDL - All Pages\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/95f9c31-Google_Tag_Manager_2016-09-02_18-36-39.png\",\n        \"Google Tag Manager 2016-09-02 18-36-39.png\",\n        1199,\n        500,\n        \"#e9e9e9\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"DDL - Product Category Page\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/cae4a91-Google_Tag_Manager_2016-09-02_17-41-00.png\",\n        \"Google Tag Manager 2016-09-02 17-41-00.png\",\n        1197,\n        555,\n        \"#e8e8e8\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"DDL - Search Results Page\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/39b2ec3-Google_Tag_Manager_2016-09-02_18-24-00.png\",\n        \"Google Tag Manager 2016-09-02 18-24-00.png\",\n        1198,\n        567,\n        \"#e9e8e8\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"DDL - Product Detail Page\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/06833ff-Google_Tag_Manager_2016-09-02_17-57-21.png\",\n        \"Google Tag Manager 2016-09-02 17-57-21.png\",\n        1198,\n        567,\n        \"#e9e8e8\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"DDL - Cart Page\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/88f59ab-Google_Tag_Manager_2016-09-02_17-59-33.png\",\n        \"Google Tag Manager 2016-09-02 17-59-33.png\",\n        1198,\n        557,\n        \"#e8e8e8\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"DDL - Checkout Page\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/738c845-Google_Tag_Manager_2016-09-02_18-08-10.png\",\n        \"Google Tag Manager 2016-09-02 18-08-10.png\",\n        1199,\n        563,\n        \"#e9e8e8\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"DDL - Confirmation Page\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2167da5-Google_Tag_Manager_2016-09-02_18-15-59.png\",\n        \"Google Tag Manager 2016-09-02 18-15-59.png\",\n        1198,\n        560,\n        \"#e8e8e8\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"Список триггеров может быть расширен в зависимости от индивидуальных нужд каждого сайта.\"\n}\n[/block]","excerpt":"","slug":"триггеры-просмотра-страниц","type":"basic","title":"Триггеры просмотра страниц"}

Триггеры просмотра страниц


[block:callout] { "type": "warning", "title": "Важно!", "body": "Данный раздел предполагает, что стандарт DigitalData полностью реализован на всех страницах сайта и все необходимые [переменные GTM настроены](https://digitaldata.readme.io/docs/настройка-переменных)." } [/block] [block:api-header] { "type": "basic", "title": "Список основных триггеров GTM" } [/block] [block:parameters] { "data": { "h-0": "Название триггера", "0-0": "[DDL - All Pages](#ddl-all-page)", "1-0": "[DDL - Product Category Page](#ddl-product-category-page)", "3-0": "[DDL - Product Detail Page](#ddl-product-detail-page)", "4-0": "[DDL - Cart Page](#ddl-cart-page)", "6-0": "[DDL - Confirmation Page](#ddl-confirmation-page)", "h-1": "Событие dataLayer", "0-1": "DDManager Ready\n(или ваше пользовательское событие dataLayer)", "h-2": "Дополнительные условия", "0-2": "-", "1-2": "digitalData.page.type = \"category\"", "3-2": "digitalData.page.type = \"product\"", "4-2": "digitalData.page.type = \"cart\"", "6-2": "digitalData.page.type = \"confirmation\"", "h-3": "Описание", "0-3": "Все страницы сайта.", "1-3": "Просмотр товарной категории.", "3-3": "Просмотр карточки товара.", "4-3": "Просмотр корзины.", "6-3": "Просмотр страницы подтверждения заказа.", "1-1": "DDManager Ready\n(или ваше пользовательское событие dataLayer)", "3-1": "DDManager Ready\n(или ваше пользовательское событие dataLayer)", "4-1": "DDManager Ready\n(или ваше пользовательское событие dataLayer)", "6-1": "DDManager Ready\n(или ваше пользовательское событие dataLayer)", "5-0": "[DDL - Checkout Page](#ddl-checkout-page)", "5-1": "DDManager Ready\n(или ваше пользовательское событие dataLayer)", "5-2": "digitalData.page.type = \"checkout\"", "5-3": "Просмотр страницы оформления заказа.", "2-0": "[DDL - Search Results Page](#ddl-search-results-page)", "2-1": "DDManager Ready\n(или ваше пользовательское событие dataLayer)", "2-2": "digitalData.page.type = \"search\"", "2-3": "Просмотр страницы с результатами поиска товаров." }, "cols": 4, "rows": 7 } [/block] [block:callout] { "type": "info", "body": "Список триггеров может быть расширен в зависимости от индивидуальных требований каждого сайта." } [/block] [block:api-header] { "type": "basic", "title": "Событие dataLayer для инициализации триггеров" } [/block] Все описанные выше триггеры должны срабатывать тогда, когда Digital Data Manager загружен на страницу и полностью инициализирован. Digital Data Manager автоматически отправляет событие** "DDManager Ready"** в dataLayer при подключенной интеграции Google Tag Manager. Именно на это событие по умолчанию и необходимо настраивать все триггеры просмотра страниц. [block:callout] { "type": "success", "body": "Настройка триггеров используя событие dataLayer \"DDManager Ready\" подойдет вам в большинстве случаев." } [/block] **Использование пользовательского события вместо "DDManager Ready":** Использование пользовательского события для настройки триггеров необходимо тогда, когда вы не хотите инициализировать триггер, пока не будут загружены определенные переменные на сайт (к примеру, информация о пользователе подгружается в DigitalData асинхронно и вы не хотите отправлять никаких событий, пока данные не будут загружены, либо необходимо дождаться загрузки Google Analytics для получения clientId). В этом случае триггеры просмотра страниц должны быть настроены на ваше пользовательское событие, которое необходимо добавить в dataLayer, когда Digital Data Manager полностью инициализирован и все необходимые данные полностью загружены на страницу. Ниже приведен пример, как это может быть реализовано. Отправка события готовности страницы: [block:code] { "codes": [ { "code": "ddManager.on('ready', function() { // DDManager инициализирован\n\tga(function() { // Google Analytics загружен\n \tjQuery.get('/user-data', function(userData) { // данные получены\n digitalData.user = userData;\n \tdataLayer.push({ event: 'Page Ready' });\n });\n });\n});", "language": "javascript" } ] } [/block] Настройка триггера: [block:image] { "images": [ { "image": [ "https://files.readme.io/0db7626-Google_Tag_Manager_2016-09-02_18-41-14.png", "Google Tag Manager 2016-09-02 18-41-14.png", 1198, 514, "#e9e9e9" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "DDL - All Pages" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/95f9c31-Google_Tag_Manager_2016-09-02_18-36-39.png", "Google Tag Manager 2016-09-02 18-36-39.png", 1199, 500, "#e9e9e9" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "DDL - Product Category Page" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/cae4a91-Google_Tag_Manager_2016-09-02_17-41-00.png", "Google Tag Manager 2016-09-02 17-41-00.png", 1197, 555, "#e8e8e8" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "DDL - Search Results Page" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/39b2ec3-Google_Tag_Manager_2016-09-02_18-24-00.png", "Google Tag Manager 2016-09-02 18-24-00.png", 1198, 567, "#e9e8e8" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "DDL - Product Detail Page" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/06833ff-Google_Tag_Manager_2016-09-02_17-57-21.png", "Google Tag Manager 2016-09-02 17-57-21.png", 1198, 567, "#e9e8e8" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "DDL - Cart Page" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/88f59ab-Google_Tag_Manager_2016-09-02_17-59-33.png", "Google Tag Manager 2016-09-02 17-59-33.png", 1198, 557, "#e8e8e8" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "DDL - Checkout Page" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/738c845-Google_Tag_Manager_2016-09-02_18-08-10.png", "Google Tag Manager 2016-09-02 18-08-10.png", 1199, 563, "#e9e8e8" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "DDL - Confirmation Page" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/2167da5-Google_Tag_Manager_2016-09-02_18-15-59.png", "Google Tag Manager 2016-09-02 18-15-59.png", 1198, 560, "#e8e8e8" ] } ] } [/block] [block:callout] { "type": "info", "body": "Список триггеров может быть расширен в зависимости от индивидуальных нужд каждого сайта." } [/block]