1.4 using JAM Stack

Personalising websites built on a JAM stack, ie React, NextJs, Gatsby, Vue etc

Ash
Written by AshLast update 2 years ago

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?