Include Atatus snippet inside
app -> head -> script
array in thenuxt-config.ts
.app: { head: { script: [{ type: 'text/javascript', charset: 'utf-8', innerHTML: `!function(window, document) { window._atatusConfig = { apikey: 'YOUR_API_KEY', // Other options if needed }; // Load AtatusJS asyc function _asyncAtatus(t){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://dmc1acwvwny3.cloudfront.net/atatus-spa.js";var n=document.getElementsByTagName("script")[0];e.addEventListener&&e.addEventListener("load",(function(e){t(null,e)}),!1),n.parentNode.insertBefore(e,n)} _asyncAtatus(function() { // Any atatus related calls. if (window.atatus) { // window.atatus.setUser('unique_user_id', 'email@company.com', 'Full Name'); } }); }(window, document);` }], }, },
Here replace
YOUR_API_KEY
with your API Key. You will find this key in your browser project settings.Restart your Nuxt.js server.
Docs Menu
Install Atatus agent in Nuxt.js site - Real User Monitoring
- COMPARE
- Company