End-to-end example of SPA based on Angular 2+

BobaGrand-qu5vz

16-10-2018

Can anyone provide a reference to a complete example of instrumenting a single-page application (SPA) built with Angular 2 or higher (TypeScript) with Adobe Analytics components and Launch? By complete example I mean implementation of the following:

  1. Injection of JS on initial page load, hopefully the least invasive method (using routing modules, injected services, directives, etc.)
  2. Implementation of direct rules and user action events (pressing buttons, selecting links, downloading files)
  3. Sample data layer with updates to values upon partial view rendering
  4. Sample rules and data element definition in Launch
  5. Full sample configuration of Launch that covers page load and user action events
  6. Step-by-step description of the entire instrumentation process in the correct order

Adobe documentation includes an article on AngularJS, which is not the version of Angular I am looking for. This article does not provide the full picture of instrumentation either. I am looking for a practical and usable documentation for Angular 2+ that includes all aspects of implementation.

Thank you.

Accepted Solutions (1)

Accepted Solutions (1)

gflare

17-10-2018

This link may help you get started, it's the Reference Architecture documents for Adobe Launch.  It's worth bookmarking, covers the initial items for Launch, Analytics, and Target usually - been awhile since I reviewed them though.

Link: Launch by Adobe Reference Architectures

There's a basic example with Angular listed on there, here are the direct links:

PDF (direct link):  https://helpx.adobe.com/content/dam/help/en/experience-manager/kt/integration/using/launch-referenc...

Reference Site Example (demo site): Angular Starter for Adobe Target Demo

Hopefully this helps,

Answers (1)

Answers (1)

BobaGrand-qu5vz

18-10-2018

I appreciate your quick response but I am asking for something different:

1. I asked for complete end-to-end example and not reference architecture guide, which I am familiar with.

2. I am also quite familiar with the attached PDF but it covers AngularJS and not Angular 2+

3. The demo site is too basic to be considered a guide. It doesn't cover custom events and even view-end event is not described to an acceptable level of detail.

4. I am talking about an example describing best development practices, and not just rudimentary basics.

Thank you.