Skip to main content

Integrations

To facilitate the use of our platform and the installation of the Vantevo script on your website, you can find a series of plugins for different frameworks that you can easily choose from the standard configuration.

npm package

vantevo-analytics-tracker is the official Vantevo Analytics script.

For more information and to download the vantevo-analytics-tracker library click here: https://www.npmjs.com/package/vantevo-analytics-tracker.

Wordpress

We created a WordPress plugin very easy to use and install in your website.

To download the official plugin, go to https://wordpress.org/plugins/vantevo-analytics.

React

For more information and to download the vantevo-analytics-react library go to https://www.npmjs.com/package/vantevo-analytics-react.

Next.js

To integrate Vantevo Analytics with Next.js you can use the Script component that provides the framework or you can use the library to react vantevo-analytics-react.

Next.js
import Script from "next/script";

function Home() {
return (
<div class="container">
<Script
defer
id="vantevo-analytics"
src="https://vantevo.io/js/vantevo.js"
strategy="afterInteractive"
/>
<Script id="vantevo-data" strategy="afterInteractive">
{`
window.vantevo = window.vantevo || function() { (window.vantevo.data = window.vantevo.data || []).push(arguments)}
`}
</Script>
</div>
);
}

export default Home;

Gatsby

For more information and to download the vantevo-analytics-react library go to https://www.npmjs.com/package/vantevo-analytics-react.

For Gatsby you can also see our library for react vantevo-analytics-react.

Vue & Nuxt.js

For more information and to download the vantevo-analytics-vue library go to https://www.npmjs.com/package/vantevo-analytics-vue.

Google Chrome extension

Chrome extensions no longer allow uploading external scripts. This means that you need to download the vantevo.js file in local. You can download the file from here..

Your script must look like this:

<script id="vantevo-analytics" data-param-hash data-param-domain="example-extension.com" src="https://vantevo.io/js/vantevo.js"></script>

example-extension.com is your domain registered on Vantevo Analytics, but data-param-hash is not mandatory but is required if your extension manages hash in the URL.

Shopify

You can add the Vantevo Analytics tracking code to your website with Shopify by editing the theme code.

  1. From your Shopify admin, go to Online Store > Themes
  2. Click Actions > Edit code
  3. The code editor shows a theme file directory on the left and a space to view and edit files on the right, select theme.liquid
  4. Paste the Vantevo script plus various settings.

For more information, see the official guide or if you need help contact us.

Wix

To enter the script in a Wix website you must have a premium paid Wix account.

  1. Go to Settings in your site's dashboard.
  2. Click the Custom Code tab in the Advanced section.
  3. Click + Add Custom Code at the top right.
  4. Paste the Vantevo script plus various settings.
  5. Enter a name for your code, example : Vantevo Analytics.
  6. Select All pages in the Add code to pages section
  7. Select Head in the where to insert the code section
  8. Click Apply

For more information, see the official guide or if you need help contact us.

Docusaurus

Add the following code to the docusaurus.config.js file.

You can use the data-param-hash parameter if you want to monitor the clicks of the toc section.

module.exports = {
scripts: [
{
src: "https://vantevo.io/js/vantevo.js",
defer: true,
"data-param-hash": true,
"data-param-domain": "yourdomain.com",
},
],
};

Server side API

Server side, you can use our APIs to record custom page and events views, read more.

Hybrid App

For hybrid applications like Ionic, Cordova, Capacitor ecc, you can use the standard script or you can use the npm module vantevo-analytics-tracker.

Native App - Android & IOS

For native applications, you can use our APIs to record custom page and events views, read more.