This article from TYPO3 explains how to add script to the <head> of your TYPO3 website.
The snippet of code to add is shown below.
<script>"use strict";(o=>{const e=document,a=(t,...n)=>{const s=e.head.appendChild(e.createElement(t));return n.forEach(i=>s.setAttribute(i[0],i[1])),s};a("meta",["name","navu:site"],["content",o]),a("script",["src","https://embed.navu.co/boot.js"],["async","true"]);const d=sessionStorage.getItem("nv-sidebar");if(d){const t=JSON.parse(d);t.css&&(a("style",["data-widget","sidebar"]).innerHTML=t.css);const n=i=>e.body.classList.add("nv-sidebar-"+i),s=e.readyState;s==="interactive"||s==="complete"?n(t.state):e.addEventListener("DOMContentLoaded",()=>n(t.state))}})("__SiteCode__");</script>Replace the __SiteCode__ with the 7 digit alphanumeric code for your site. If you already have access to your Navu portal you can find your embed code here. If you have not signed up yet, then contact [email protected] to get a SiteCode.
Alternatively, once you have signed in to the Navu application, navigate to the Domains tab. Find your site, and click on the INSTALL link. Copy the Navu embed code from there, and add it to the <head> of all pages on your site.
Once the Navu embed code has been installed, Navu will immediately start collecting visitor analytics. Any Guides that are published will be visible on your site for their targeted visitor segments.
FAQ
What does the Navu embed code do?
The embed code allows Navu to track visitors on your site (similar to Google Analytics code). It also allows Navu to inject visual components on your site such as guides and the Sidebar. Visual components are only added to your site once you publish them in the Navu portal.
What will change once I add the Navu embed code?
Neither you nor your website visitors should notice any change unless and until you have created and published a Guide. You will, however, be able to immediately start tracking visitors and monitoring analytics in your Navu portal.
What about privacy?
Navu works seamlessly with leading Consent Management Platforms to help you fulfill your privacy obligations. Navu also provides options to control the personal identifying information stored about your visitor.
Will Navu impact my site’s performance?
Navu’s embed code is designed carefully to ensure that performance impacts (such as page load time) are minimal.
