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

[NitinPrakash]

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

[kathleen_jo]

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

• https://community.tealiumiq.com/t5/Tealium-iQ-Tag-Management/SERIES-Adobe-Analytics-SiteCatalyst/ta-...

Thank you and I look forward to your reply. 

[NitinPrakash]

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?

[dan_george]

@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

[NitinPrakash]

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.

[dan_george]

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.