{"_id":"585ae0db098bcd3700036602","category":{"_id":"57d698404340330e00953c70","version":"57d698404340330e00953c6c","__v":0,"project":"564f643f33082f0d001bb714","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-09-02T11:53:18.476Z","from_sync":false,"order":3,"slug":"digital-data-manager","title":"Digital Data Manager"},"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"},"project":"564f643f33082f0d001bb714","user":"564f641651f2ec0d001d6998","__v":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-12-21T20:06:51.857Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":999,"body":"[block:callout]\n{\n  \"type\": \"danger\",\n  \"title\": \"Информация в данном разделе устарела\",\n  \"body\": \"Актуальная документация по ссылке - [http://docs.ddmanager.ru](http://docs.ddmanager.ru)\"\n}\n[/block]\nДля того, чтобы использовать события и данные DigitalData для интеграции сторонних маркетинговых тегов есть 2 способа:\n\n1. Подписка на события через Google Tag Manager.\n2. Использование готовых интеграций [DigitalDataManager](http://www.ddmanager.ru).\n\nРазберем каждый из этих способов на примере интеграции **Facebook Pixel**.\n\n## Задача:\nИнтеграция следующих события Facebook Pixel:\n- ViewContent (для карточек товаров и товарных категорий)\n- AddToCart\n- Purchase\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Важно!\",\n  \"body\": \"До реализации любых интеграций должен быть **[заполнен объект window.digitalData](/docs/описание-объектов)** и **[интегрированы семантические события](/docs/семантические-события).**\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"1. Подписка на события через Google Tag Manager\"\n}\n[/block]\n**Шаг 1:** Установите Facebook Pixel на всех страницах сайта (триггер: \"All Pages\"):\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<script>\\n!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?\\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;\\nn.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;\\nt.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,\\ndocument,'script','//connect.facebook.net/en_US/fbevents.js');\\n// Ваш Facebook Pixel ID. \\nfbq('init', 'FB_PIXEL_ID');\\nfbq('track', 'PageView');\\n</script>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n**Шаг 2**: Подпишитесь на события Digital Data на всех страницах сайта (триггер: \"All Pages\"):\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<script>\\nddListener.push(['on', 'event', function(event) {\\n\\tswitch (event.name) {\\n    case 'Viewed Product Detail':\\n      var product = event.product;\\n      window.fbq('track', 'ViewContent', {\\n        'content_ids': [product.id],\\n        'content_type': 'product',\\n        'content_name': product.name,\\n        'content_category': product.category.join(' > ')\\n      });\\n      break;\\n    case 'Added Product':\\n      var product = event.product;\\n      window.fbq('track', 'AddToCart', {\\n        'content_ids': [product.id],\\n        'content_type': 'product',\\n        'content_name': product.name,\\n        'content_category': product.category.join(' > ')\\n      });\\n      break;\\n    case 'Completed Transaction':\\n      var transaction = event.transaction;\\n      var contentIds = transaction.lineItems.map(function(lineItem) { \\n         return lineItem.product.id;\\n      });\\n      window.fbq('track', 'Purchase', {\\n        'content_ids': contentIds,\\n        'content_type': 'product',\\n        'currency': transaction.currency,\\n        'value': transaction.total\\n      });\\n      break;\\n  }\\n}]);\\n</script>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\nГотово!\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"2. Использование готовых интеграций\"\n}\n[/block]\nПолный перечень готовых интеграций можно найти в разделе \"Дополнительные интеграции\".\n\n**Шаг 1 :** Установите [Digital Data Manager](http://www.ddmanager.ru) на свой сайт.\n\n**Шаг 2 :** Подключите интеграцию Facebook Pixel через панель управления.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/775b963-_2016-12-21_23-10-58.png\",\n        \"Интеграции 2016-12-21 23-10-58.png\",\n        1439,\n        814,\n        \"#8a8b8a\"\n      ]\n    }\n  ]\n}\n[/block]\nГотово! :)","excerpt":"","slug":"создание-интеграций","type":"basic","title":"Создание интеграций"}

Создание интеграций


[block:callout] { "type": "danger", "title": "Информация в данном разделе устарела", "body": "Актуальная документация по ссылке - [http://docs.ddmanager.ru](http://docs.ddmanager.ru)" } [/block] Для того, чтобы использовать события и данные DigitalData для интеграции сторонних маркетинговых тегов есть 2 способа: 1. Подписка на события через Google Tag Manager. 2. Использование готовых интеграций [DigitalDataManager](http://www.ddmanager.ru). Разберем каждый из этих способов на примере интеграции **Facebook Pixel**. ## Задача: Интеграция следующих события Facebook Pixel: - ViewContent (для карточек товаров и товарных категорий) - AddToCart - Purchase [block:callout] { "type": "info", "title": "Важно!", "body": "До реализации любых интеграций должен быть **[заполнен объект window.digitalData](/docs/описание-объектов)** и **[интегрированы семантические события](/docs/семантические-события).**" } [/block] [block:api-header] { "type": "basic", "title": "1. Подписка на события через Google Tag Manager" } [/block] **Шаг 1:** Установите Facebook Pixel на всех страницах сайта (триггер: "All Pages"): [block:code] { "codes": [ { "code": "<script>\n!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;\nn.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,\ndocument,'script','//connect.facebook.net/en_US/fbevents.js');\n// Ваш Facebook Pixel ID. \nfbq('init', 'FB_PIXEL_ID');\nfbq('track', 'PageView');\n</script>", "language": "html" } ] } [/block] **Шаг 2**: Подпишитесь на события Digital Data на всех страницах сайта (триггер: "All Pages"): [block:code] { "codes": [ { "code": "<script>\nddListener.push(['on', 'event', function(event) {\n\tswitch (event.name) {\n case 'Viewed Product Detail':\n var product = event.product;\n window.fbq('track', 'ViewContent', {\n 'content_ids': [product.id],\n 'content_type': 'product',\n 'content_name': product.name,\n 'content_category': product.category.join(' > ')\n });\n break;\n case 'Added Product':\n var product = event.product;\n window.fbq('track', 'AddToCart', {\n 'content_ids': [product.id],\n 'content_type': 'product',\n 'content_name': product.name,\n 'content_category': product.category.join(' > ')\n });\n break;\n case 'Completed Transaction':\n var transaction = event.transaction;\n var contentIds = transaction.lineItems.map(function(lineItem) { \n return lineItem.product.id;\n });\n window.fbq('track', 'Purchase', {\n 'content_ids': contentIds,\n 'content_type': 'product',\n 'currency': transaction.currency,\n 'value': transaction.total\n });\n break;\n }\n}]);\n</script>", "language": "html" } ] } [/block] Готово! [block:api-header] { "type": "basic", "title": "2. Использование готовых интеграций" } [/block] Полный перечень готовых интеграций можно найти в разделе "Дополнительные интеграции". **Шаг 1 :** Установите [Digital Data Manager](http://www.ddmanager.ru) на свой сайт. **Шаг 2 :** Подключите интеграцию Facebook Pixel через панель управления. [block:image] { "images": [ { "image": [ "https://files.readme.io/775b963-_2016-12-21_23-10-58.png", "Интеграции 2016-12-21 23-10-58.png", 1439, 814, "#8a8b8a" ] } ] } [/block] Готово! :)