feat: add martech plugin to connect to analytics and target #153
Conversation
|
Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
|
|
@fe-lix- @ekremney @bohnertchris Since I did quite some heavy |
|
@ramboz it has been almost 1 year since the custom analytics events were implemented for this project. I am afraid I cannot recall all the details. The most important events were tracked by GA4 via |
git-subtree-dir: plugins/martech git-subtree-split: 53c20e8bc93f522787e0eb02b182c50c490b318b
| @@ -246,123 +245,15 @@ async function loadEager(doc) { | |||
|
|
|||
| const main = doc.querySelector('main'); | |||
| if (main) { | |||
| createInlineScript(document, document.body, getAlloyInitScript(), 'text/javascript'); | |||
| @@ -246,123 +245,15 @@ async function loadEager(doc) { | |||
|
|
|||
| const main = doc.querySelector('main'); | |||
| if (main) { | |||
| createInlineScript(document, document.body, getAlloyInitScript(), 'text/javascript'); | |||
| createInlineScript(document, document.body, getGTMInitScript(), 'text/javascript'); | |||
There was a problem hiding this comment.
Moved to the martech loader script
| } | ||
| } | ||
|
|
||
| async function initializeConversionTracking() { |
There was a problem hiding this comment.
Moved to the martech loader script
| sampleRUM('lazy'); | ||
| sampleRUM.observe(main.querySelectorAll('div[data-block-name]')); | ||
| sampleRUM.observe(main.querySelectorAll('picture > img')); | ||
|
|
||
| await setupAnalyticsTrackingWithAlloy(document); |
| sampleRUM('lazy'); | ||
| sampleRUM.observe(main.querySelectorAll('div[data-block-name]')); | ||
| sampleRUM.observe(main.querySelectorAll('picture > img')); | ||
|
|
||
| await setupAnalyticsTrackingWithAlloy(document); | ||
| await setupAnalyticsTrackingWithGTM(); |
This PR adds integration with Target, Launch & ACDL via the martech library. It also moves the Analytics instrumentation to the martech library, and creates a more generic loader to combine the GTM and WebSDK logic and isolate it from the main
scripts.jsfile.At a high level:
lib-analytics.jsis renamed tolib-martech-loaded.js*.petwatch.com=> prod*.live/*.pageurls => stagetrackAnalyticsEventmethod is exported to specifically track events in Analytics instead of GTMplugins/martechhead.htmlgets new preload/preconnect links for resources immediately imported, so we don't have to wait forscripts.jsto be parsed.Test URLs: