1.4 using JAM Stack
Personalising websites built on a JAM stack, ie React, NextJs, Gatsby, Vue etc
JAM Stack
If your website is built using a JAM Stack, ie React, NextJs, Gatsby, Vue etc, then due to the single page nature of these sites you will have to add the Hyperise initiate code inside the componentDidUpdate()
function in the main app.js file.
componentDidUpdate() { if(hyperise) { hyperise.init(); } }
The main snippet can be placed in the body as usual.
If you're unsure where to get your Hyperise snippet from, checkout the Adding the Hyperise snippet to your website Guide.
Paste the snippet code above the </head> tag in any HTML page(s) you wish to personalise.
After adding the code, verify the installation via the Hyperise Hyper-Campaign
Congratulations, you've now installed the Hyperise snippet, next check out the Personalising your website guide for further details on how to define the personalisation your website pages.
Did this answer your question?