Skip to main content
All CollectionsIntegrations
Tracking and Analytics
Tracking and Analytics

Gain insights into how your content is performing with analytics and marketing automation tools.

Diego Muralles avatar
Written by Diego Muralles
Updated over a month ago

Implementing advanced analytics tools is crucial for businesses to understand user behavior, assess the effectiveness of marketing efforts, and optimize website performance. These tools offer valuable insights into how users interact with your site, enabling data-driven decisions that can refine your strategies. Whether your goal is to monitor user sessions, track conversions, or improve overall site functionality, this guide provides the essential steps and requirements to help you seamlessly integrate each tool.

If your preferred analytics platform isn't listed, don't worry—we also offer options for custom HTML snippets and custom scripts to accommodate your needs.

Google Analytics 4

Google Analytics 4 (GA4) is the latest version of Google's web analytics platform. It provides businesses and website owners with a comprehensive view of user interactions and behavior across multiple channels and devices. GA4 offers advanced features and insights that help you understand your audience, measure the effectiveness of your marketing campaigns, and make data-driven decisions.

Requirements

  • Google Account: Ensure you have a Google account and have signed up for a Google Analytics account.

  • Create a GA4 Property:

    1. Sign in to your Analytics account or create a new one.

    2. Create a new Google Analytics 4 property.

  • Obtain G-ID: Copy the G-ID (a string starting with "G-") and paste it into the settings section in Vev.

  • Find Your G-ID: Refer to these instructions on where to find your G-ID.

Google Tag Manager

Google Tag Manager is a tag management system (TMS) that allows you to quickly and easily update measurement codes and related code fragments collectively known as tags on your website or mobile app.

Requirements

  • Google Tag Manager Account:

    1. Go to Google Tag Manager and create a new account.

    2. Copy the GTM container ID (in the format GTM-XXXXXX).

    3. Paste the container ID in the integration settings in Vev.

  • Advanced Controls:

    • Toggle on the "Show advanced controls" option to access advanced settings, including adding your own Data Layer variables.

    • Incorporate custom variables (e.g., pageCategory) to capture specific information about your web pages.

When Tag Manager is installed, your website or app will be able to communicate with the Tag Manager servers. You can then use Tag Manager's web-based user interface to set up tags, establish triggers that cause your tag to fire when certain events occur, and create variables that can be used to simplify and automate your tag configurations.

A collection of tags, triggers, variables, and related configurations installed on a given website or mobile app is called a container.

A Tag Manager container can replace all other manually-coded tags on a site or app, including tags from Google Ads, Google Analytics, Floodlight, and 3rd party tags.

Google Global Site Tag

This integration handles the integration of Google Analytics through the Global Site Tag (gtag.js). It includes the necessary script to asynchronously load the gtag.js library from Google's servers and sets up the configuration for your tracking.

Requirements

  • Google Tag ID: Obtain your unique Google Tag ID by visiting this link.

  • Configure Settings: Optionally include your custom configuration information to tailor the tracking experience.

  • Custom Events: Enhance your analytics by adding an event category for custom events.

  • Additional Event Config: Include any additional event configuration information for advanced tracking needs.

Google Site Verification

Google Search Console gives you access to Google search data and allows you to submit your sitemap so that your site is indexed in Google search results.

Requirements

  • Verification Code:

    1. Go to the Google Search Console and log into your Google account.

    2. Add a new property using the “URL prefix” method.

    3. Choose the “HTML tag” option under other verification methods.

    4. Copy the Verification ID from the content attribute of the meta tag (string of numbers and letters in between the quotations that appear after content=”). Keep the window or tab open.

  • Install Integration: Paste the verification ID into the settings of the Google Site Verification integration in Vev.

  • Verify Property: Publish your project and return to the Google Search Console to complete the verification.

Hotjar

Discover how users interact with your site through screen recordings, heat maps, and feedback tools. Hotjar records user interactions, giving you the opportunity to see how users engage with the site and where they may encounter issues.

Requirements

  • Hotjar Account:

    1. Create a Hotjar account.

    2. Register your site in Hotjar with the URL where your Vev site will live.

    3. Copy the site identifier provided by Hotjar.

  • Install Integration: Use the site identifier in Vev when you add the integration.

  • Verify Integration: Check the Hotjar dashboard to ensure the account is receiving data.

Meta Pixel

The Meta Pixel is a piece of code that collects data and helps you track conversions from Facebook ads. It also helps you optimize ads, build targeted audiences for future ads, and remarket to people who have already taken action on your website.

Requirements

  • Set Up Pixel:

    1. Navigate to the Meta Business Help Center to learn how to set up the Meta Pixel.

    2. Find your Pixel ID in the Meta Events Manager.

  • Install Integration: Copy the Pixel ID and paste it into the integration settings in Vev.

HubSpot

HubSpot is a cloud-based CRM designed to help align sales and marketing teams, foster sales enablement, boost ROI, and optimize your inbound marketing strategy to generate more qualified leads.

Requirements

Marketo

Marketo offers solutions for Marketing Automation, Email Marketing, Lead Management, and Revenue Attribution. For tracking, Marketo's JavaScript tracking code, called Munchkin, tracks all individuals who visit your website so you can react to their visits with automated marketing campaigns. Even anonymous visitors are tracked along with their IP addresses and other information.

Requirements

  • Munchkin Account ID:

    1. Access your Marketo account.

    2. Retrieve your Munchkin Account ID from the admin section.

  • Install Integration: Enter your Munchkin Account ID in the provided form field in Vev.

Norstat Tracking

Norstat’s Audience Analytics validates audience reach, analyzes the impact of digital advertising campaigns, and helps you significantly increase the ROI on media spent. his integration adds the Norstat tracking pixel to your web page.

Requirements

  • Account and Tracker IDs: Provide your Account ID and Tracker ID in the form fields.

  • Multiple Campaigns: If you have multiple campaigns, you can add additional Campaign/Company IDs and corresponding Tracker IDs.

Note: Providing multiple Campaign/Company IDs and corresponding Tracker IDs is optional. If you have only one Norstat campaign, you can leave the additional fields empty.

Segment

The Segment integration allows you to dynamically load and initialize the Segment Analytics library, enabling tracking of user interactions and events.

Requirements

  • Segment Write Key:

    1. Log in to your Segment account.

    2. Retrieve your Write Key from your workspace settings.

  • Install Integration: Enter your Segment Write Key in the provided form field in Vev.

Track 5 Sec From Page Load

This integration is used to delay the pushing of data to the "dataLayer" array by 5 seconds after the page has loaded. The "dataLayer" typically contains information about user interactions, events, or other data that is then processed by Google Tag Manager or other tracking systems to trigger specific tags and events.

Please note that the functionality of this code depends on the context in which it is used and whether the "dataLayer" object is already defined and utilized in the overall tracking setup of the website.

Custom HTML Snippets

If your preferred analytics tool isn't listed, Vev offers a Custom HTML Snippets integration to empower you with the capability to inject your code directly into your webpage within Vev's platform. This is especially valuable when you need to add tracking codes to the head section of your webpage or integrate a platform not listed.

Requirements

  • Choose Injection Point: Carefully select where to inject your custom HTML snippet for optimal performance.

    1. Start of Head: Loads early in the page rendering process; ideal for crucial scripts or stylesheets.

    2. End of Head: Loads after essential resources; suitable for supplementary scripts.

    3. Start of Body: Loads before other body content; can improve perceived loading speed.

    4. End of Body: Loads after all body content; good for non-essential scripts.

Custom Scripts

Custom Scripts can be used to inject external JavaScript files into the <head> and <body> sections of an HTML document.

Requirements

  • Script URL: Paste the script URL into the provided form field in Vev.

  • Async and Defer Attributes:

    • Async: Loads the script asynchronously, allowing other resources to load simultaneously.

      • Ideal for scripts that don't need to access the DOM immediately.

    • Defer: Defers script execution until after the document has been parsed.

      • Suitable for scripts that require the DOM to be fully loaded.

Related Articles
Embed your project
Understanding Integrations in Vev
Vev Essentials
Customized integrations
HTML Elements
Did this answer your question?