Highlighted

A Tealium implementation on Decoupled CMS or Headless Architecture website. AEM & Angular 2 JS.

Rookie Contributor

Hi, We have a Single page web application with Headless architecture. Content is fetched from AEM first then shown on Angular 2 JS on website. Please suggest the implementation methodology for Adobe Analytics implemetation using Tealium.

Thanks, Nitin

5 REPLIES 5
Highlighted

A Tealium implementation on Decoupled CMS or Headless Architecture website. AEM & Angular 2 JS.

Employee Emeritus

Hello @NitinPrakash. Have you seen this series on Adobe Analytics yet?

Thank you and I look forward to your reply. 

Remember to give me a kudo if you like my post! Accepting my post as a solution is even better! Also remember that search is your friend.
Highlighted

A Tealium implementation on Decoupled CMS or Headless Architecture website. AEM & Angular 2 JS.

Rookie Contributor
Thanks for the reply @kathleen. I think implementation might differ for Single Page Applications on Angular 2 JS. In one of the previous posts some 'Angular Plugin' was mentioned by 'mike anderson' -> https://community.tealiumiq.com/t5/Tealium-iQ-Tag-Management/Does-Tealium-Support-Angular-js-single-....
Do we have something similar for Angular2?
Highlighted

A Tealium implementation on Decoupled CMS or Headless Architecture website. AEM & Angular 2 JS.

Tealium Employee

@NitinPrakash

We do have this Angular repository available: https://github.com/Tealium/integration-angularjs

Based on your question, you may want to add the below to a JS extension scoped to All Tags:

window.utag_cfg_ovrd = {noview : true};

This will prevent tags from firing on page load, more details are found here.

Then, coupled with a utag.view or utag.link call, you can trigger the library upon response from the SPA.

Here is a document detailing how to debug the utag calls once built.

Is this what you are looking for?

Cheers,
-Dan

Highlighted

A Tealium implementation on Decoupled CMS or Headless Architecture website. AEM & Angular 2 JS.

Rookie Contributor
Thanks for the response dan! Quick Q - github repository is for angular 1 js, do we have something similar for angular 2 js (ajs2)? I discussed the same with my site developer and he mentioned that there are significant differences b/w aj1s and ajs2 and the one mentioned above will not be used for ajs2.
Highlighted

A Tealium implementation on Decoupled CMS or Headless Architecture website. AEM & Angular 2 JS.

Tealium Employee

Hi @NitinPrakash Angular 2 is on the roadmap for Q1 2017. Please follow up with your account manager for more details or a status update.