Launch на Adobe е популярно решение за анализиране на преживяванията на клиентите в приложения. Това е просто ръководство за интегриране на Adobe Launch във вашето Angular приложение.
Как работи Adobe Launch в приложение Angular
По същество скрипт на Adobe Launch работи във фонов режим, следейки за промени в обекта window.digitalData. Вашето приложение ще направи промени в този обект в различни точки, където искате да се записват анализи. Промените се изпращат автоматично към сървърите на Adobe.
Как да настроите Adobe Launch
Ключовото нещо, което трябва да запомните тук е, че трябва да инициализирате обекта window.digitalData предида заредите скрипта за стартиране на Adobe. Това означава, че не можете просто да го добавите като таг на скрипт към раздела за глава на HTML. Вместо това трябва да можем да контролираме кога скриптът се зарежда.
Контролирано инжектиране на скрипт в Angular
Начинът да се гарантира, че скриптът за стартиране на Adobe се зарежда стриктно след инициализиране на обекта digitalData, е чрез използване на услуга ScriptInjector, както показвам по-долу.
Ако се чудите за какво става въпрос в runOutsideAngular(..) бита, вижте публикацията ми за зони в Angular.
Сега можете да създадете AnalyticsService, където имате метод за инициализиране на window.digitalData обекта и асинхронен метод за зареждане на Adobe Launch скрипта, като използвате ScriptInjectorService по-горе. Може да чуете вашия екип за анализи да нарича window.digitalObject „слой данни“, оттук и препратката в името на метода по-долу. Този обект има „стандартна схема“.
Обаждането _satellite.pageBottom() е ключово.
Следващата стъпка е да извикате тези методи в правилния ред, когато компонентът на основното приложение се зареди. Както можете да видите, ние налагаме обектът window.digitalData да се инициализира строго преди скриптът за стартиране на Adobe да бъде помолен да се зареди.
Как да използвате Adobe Launch
Сега, след като настроихме Adobe Launch, трябва да изпращаме анализи от приложението в подходящи моменти.
Два типа аналитични данни
Анализите на Adobe Launch могат да бъдат стойности на данни или събития.
Записване на анализ на стойността на данните
Често срещано свойство на данните е идентификаторът на страницата, обикновено записан под digitalData.page.pageInfo.pageId. За да позволите на части от приложението да задават идентификатора на страницата всеки път, когато бъде навигирана нова страница, можете да изложите метод setPageId(string) в AnalyticsService.
Това е всичко, което трябва да направите. За останалото се грижи скриптът Adobe Launch. Можете да създадете подобни методи за други свойства на данните.
Анализ на записване на събития
Обектната схема digitalData има events масив. За разлика от стойностите на данните, за събития ние вкарвамесъбития в масива. Не презаписвайте масива от събития. Скриптът на Adobe наблюдава този масив и изпраща събития до сървърите на Adobe.
Сега можете да използвате разширенията на Adobe Launch за Chrome, за да проверите дали вашите анализи се задействат в правилния момент.
Ако искате повече задълбочено четене, вижте референтната SPA архитектура на Adobe за Adobe Launch тук.
Авторските права за логата на Angular и Adobe Launch принадлежат съответно на Google и Adobe.
