Single-Page Application Implementation

There are many options for implementing Target in single-page applications with at.js.

Use a combination of the following techniques for the best capabilities. We strongly recommend that you implement Target using Adobe's Dynamic Tag Management, a free Core Service offering that can be used to quickly adapt your Target implementation as needed. For more information, see the Dynamic Tag Management documentation.

Implementation Framework DTM-Implementable? Recommended mbox Name Demo/Documentation

ngRoute

Angular

Yes

target-global-mbox

Demo

Documentation

Ui-router

Angular

Yes

target-global-mbox

Demo

Documentation

Directive

Angular

Yes

Custom per content

Demo

Documentation

Component

React

No

Custom per content

Demo

Documentation

Custom event

All

Yes

target-global-mbox

Documentation

hashchange

All

Yes

target-global-mbox

Demo

Documentation

Note: If you previously used mboxUpdate() or TNT.createGlobalMbox() to fire the global mbox on view changes within your app, you need to migrate to using a combination of getOffer() and applyOffer() for this purpose.
Note: If you are using the Analytics for Target (A4T) implementation, ensure that you complete Step 8 in Analytics for Target Implementation.