Skip to content

The project is a proof of concept for integrating Target VEC with Helix

License

Notifications You must be signed in to change notification settings

adobe-rnd/helix-target-integration

Repository files navigation

Target VEC for Helix

The project is a proof of concept for integrating Target VEC with Helix.

Environments

Adding Target integration to a Helix project

  1. Copy the scripts/target.js to your project.
  2. Include the script in the head.html as early as possible:
<script src="./scripts/target.js" type="module"></script>
  1. Add a call to loadTargetOffers to the 'loadPage' function as follows:
async function loadPage() {
  loadTargetOffers('{Target Client Code}');
  await loadEager(document);
  await loadLazy(document);
  loadDelayed();
}

CDN setup

We recommend using Cloudflare Workers to proxy all upstream requests to the Target and Helix origins. This allows you to use the same domain for both Helix and Target, which is required for archiving the best performance. Please follow the instructions below to set up the proxy:

  • Deploy the CF worker to your Cloudflare account.
  • Add the following environment variables to the worker:
    • CLIENT - your Target client code (e.g. helix-target-integration)
    • HOST - your Helix host (e.g. dev--helix-target-integration--vtsaplin.hlx.page)

Installation

npm i

Linting

npm run lint

Local development

  1. Create a new repository based on the aem-boilerplate template and add a mountpoint in the fstab.yaml
  2. Add the AEM Code Sync GitHub App to the repository
  3. Install the AEM CLI: npm install -g @adobe/aem-cli
  4. Start AEM Proxy: aem up (opens your browser at http://localhost:3000)
  5. Open the {repo} directory in your favorite IDE and start coding :)

About

The project is a proof of concept for integrating Target VEC with Helix

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published