Как интегрировать DTM (динамическое управление тегами) с AEM 6?

Я новичок в Adobe DTM (динамическое управление тегами) и не проходил никакого обучения, связанного с этим. Однако мне было дано требование интегрировать DTM с AEM 6. У меня есть некоторые требования, связанные с Omniture, когда определенные события на веб-сайте отслеживаются и эта информация должна быть отправлена ​​в DTM. Я выполнил шаги, описанные в этом блоге (http://blogs.adobe.com/aemtutorials/2013/07/24/customize-the-client-context/), чтобы настроить контекст клиента, создав новое хранилище сеансов и сохранив в нем некоторые образцы данных. Теперь следующая часть - извлечь эти данные в DTM, что я совершенно не знаю, как это сделать. В частности, необходимо создать новый элемент данных, как показано на снимке экрана ниже, и написать некоторый настраиваемый java-скрипт для доступа к данным, хранящимся в контексте клиента (который присутствует в хранилище сеанса), как описано в упомянутом блоге. .

введите описание изображения здесь

Я понятия не имею, как интегрировать DTM с экземпляром AEM и как получить необходимые данные с помощью сценария. В Интернете нет информации по этому поводу, поэтому прошу вас помочь мне, если кто-то работал над таким требованием ранее. Любая помощь высоко ценится


person Surya Chandra    schedule 04.02.2015    source источник


Ответы (4)


Шаг 1. Настройте конфигурацию облачных сервисов DTM в AEM. Вы можете найти конфигурацию облачных сервисов по адресу /etc/cloudservices/dynamictagmanagement.html

Шаг 2 - Примените вышеуказанную облачную конфигурацию к корню вашего веб-сайта, используя свойство page. Это вставит необходимые сценарии JS и объект JS в DOM. Вы также можете выполнить шаги (1) и (2) вместе, вручную вставив код верхнего и нижнего колонтитула (из DTM) в шаблон.

Шаг 3 - Предоставьте данные объекту DTM JS. Таким образом, вы можете заполнить данные на стороне сервера или на стороне клиента с помощью JS. Вы также можете использовать контекст клиента. Доступны JS API для запроса контекста клиента.

PS: Я тоже учусь этому.

Полезные ссылки:

http://blogs.adobe.com/experiencedelivers/experience-management/integrating-dtm-custom-aem6-page-template/

http://docs.adobe.com/docs/en/aem/6-0/administer/integration/marketing-cloud/dtm.html.

person Sivaramvt    schedule 10.02.2015

Вы можете использовать элементы данных в собственном скрипте, например: dataElement authorizableId - это настраиваемый сценарий с возвратом содержимого CQ_Analytics.ClientContext.get ("/ profile / authorizableId"); или dataElement pageTitle return CQ_Analytics.PageDataMgr.getProperty («заголовок»);

person Zofia Korczyc    schedule 24.02.2015

Вот как я это реализовал. Обратите внимание, что эта реализация предназначена для интеграции с плоскими файлами HTML. Куда нам нужно добавить скрипты в теге Head.

Предварительные требования: 1. Нам нужны учетные данные для входа на сайт DTM.

  1. Нам нужны права администратора.
  2. Нам нужны учетные данные сайта sc3.omniture. Обычно это предоставляется командой Adobe.
  3. В консоли Omniture нам нужно сгенерировать файл AppMeasurement.js.
  4. Из файла AppMeasurement.js нам нужно получить такие важные детали, как: a. Имя сервера отслеживания b. s_account имя c. Пространство имен посетителя

Подключение HTML-файлов к DTM:

  1. Войдите на https://dtm.adobe.com с учетными данными администратора.
  2. Щелкните на панели управления проекта.
  3. Щелкните вкладку «Встроить» в верхней части навигации.
  4. Включите хост на Akamai.

  5. Разверните виджет «Код заголовка» и скопируйте код.

  6. Вставьте этот код в тег вашего HTML.

  7. Вернитесь в DTM снова. Разверните виджет Код нижнего колонтитула и скопируйте код.

  8. Вставьте этот код в тег вашего HTML.

Настройка DTM для правил прямого вызова: 1. Перейдите на вкладку «Правила» в верхней части навигации. 2. Щелкните Правила прямого вызова в левой области навигации.

  1. Нажмите на создание правила.

  2. Дайте ему имя в разделе Имя.

  3. Разверните виджет Условия.

  4. Обратите особое внимание на текстовое поле «Условия». Правила прямого вызова запускаются с использованием метода _satelitte.track (), и текст, который вы вводите в текстовое поле «Условия», будет аргументом, который вы передадите в этот метод. Мы ввели «изменить-предложение-отправить», поэтому для активации этого правила прямого вызова мы будем использовать _satelitte.track («изменить-предложение-отправить»), как вы увидите в приведенном ниже коде.

  5. Теперь используйте раздел Adobe Analytics, чтобы создать настраиваемую ссылку.

  6. Ниже приведен код, который настраивает нашу форму и ее проверку. Обратите внимание на способ использования DTM _satelitte.track (). Каждый из аргументов, переданных в методе _satelitte.track (), соответствует текстовому полю «Условие» в отдельных правилах DTM.

HTML

<div class="outer-btn">
                            <input class="input-btn analyticsEvent" type="button" value="Submit" data-eventName="change-offer-submit">
                        </div>

JavaScript

<script>    
jQuery('.analyticsEvent').on('click',function() {    
    window.console.log('Logged Event: ' + jQuery(this).attr('data-eventName'));    
    _satellite.track(jQuery(this).attr('data-eventName'));    
     location.href='./landingPage.html';     
});    
</script> 
person Om Pandey    schedule 06.04.2015

Он был заменен инструментом, добавленным в DTM в выпуске от июня 2016 года, ContextHub был добавлен в 6.1 в качестве бета-версии, а в 6.2 он достиг паритета функций с ClientContext. Это экономит много времени на построение слоев данных, так как многие из них уже будут там.

person mannbarry2    schedule 29.11.2017