How to use RightMessage with Single Page Applications (SPAs) Overview This guide explains how to use RightMessage with Single Page Applications (SPAs) and server-rendered frameworks like React, Vue.js, Svelte, Next.js, and Nuxt.js. Since these frameworks handle routing differently than traditional websites, you'll need to take an extra step to ensure RightMessage tracks page views and personalization campaigns correctly. Prerequisites - A RightMessage account - Your website configured as an SPA or with a framework like Next.js or Nuxt.js - Access to your website's codebase Before you begin Incorrectly configuring the RightMessage script can lead to issues with tracking, segmentation, and personalization. Please follow these instructions carefully. Steps 1. Install the RightMessage script: Add your unique RightMessage script to your site. The method varies depending on the framework. Standard SPAs (React, Vue, Svelte) Add the script to the section of your main index.html file. Next.js In your root layout (app/layout.js or app/layout.tsx), use the next/script component. import Script from 'next/script' export default function RootLayout({ children }) { return ( {children}

Developers