Monitor website visitors' traffic sources using the Google Analytics Nuxt module

Recently I integrated Google Analytics into my Nuxt website.

After installing the module, I configured it in the nuxt.config.js file like this:

gtm: {
        id: 'GTM-WGW****'
    },
    googleAnalytics: {
        id: 'UA-230******-*'
    },

While event tracking for purchases is working well, I am facing an issue with tracking the source of the event. Instead of displaying sources like Google or Facebook, it only shows Stripe. This lack of source data for website users is a concern.

I attempted to use rudderstack in conjunction with the Nuxt module, but it resulted in duplicated traffic.

Are there any suggestions or solutions on how I can effectively track traffic sources using the Nuxt Google Analytics module ('@nuxtjs/google-analytics')?

Thank you in advance!

Answer №1

After seeking advice in the Stripe Discord community and conducting further research, it has become clear that the best course of action is to navigate to your Google Analytics dashboard and add stripe.com and checkout.stripe.com to the referral exclusion list.

Wishing you success in your coding endeavors!

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Having trouble processing images in multi-file components with Vue and TypeScript

Recently, I reorganized my component setup by implementing a multi-file structure: src/components/ui/navbar/ Navbar.component.ts navbar.html navbar.scss Within the navbar.html file, there was an issue with a base64-encoded image <img /> ...

Storing and Editing Collection of Elements

My latest project involves creating a basic web scraping tool that gathers information on apartment prices from a specific webpage. Each time the tool runs, it compiles an array of objects with details such as date, time, floor plan name, bed number, floor ...

Populate the browser screen with a series of unpredictable numbers

I'm looking to fully populate the visible window of a webpage with random numbers. My current approach involves generating a long string of random digits first, and then applying the following properties to a div: #mydiv{ font-family: "Inconso ...

Increased impact of dynamically added elements following page transition

After implementing dynamic functionality from jQuery in my code, I encountered an issue where if I navigate back one page and then return to the original page containing the added elements, they seem to trigger twice upon clicking. To troubleshoot, I incl ...

What is the function of the next and back buttons in AngularJS?

I need assistance with creating next and previous buttons in Angular. As I am new to programming, I have written a program that works when using a custom array $scope.data = []. However, it doesn't work when I use $http and I would appreciate any help ...

Nuxt JS Validation Error: The 'required' property or method is not declared on the instance, but is being referenced during rendering

Struggling with a Vue and Nuxt error as a newbie: [Vue warn]:Property or method "required" is not defined on the instance but referenced during render The problematic source code looks like this: vee-validate.js : import Vue from 'vue&ap ...

Troubleshooting problem: Unable to restrict table selections - issue with Material UI table in React

I seem to be overlooking the simple solution here. Currently, I have a ternary on my table. If the length of the selected array is greater than a certain number, a table with disabled checkboxes is rendered. I also implement a different handleClick functio ...

Issue with Vue.js Axios: router.push not redirecting properly

Encountering an issue with my Axios get call where the error is not redirecting the user to the desired route. Here's the scenario: A user lands on a blog list they created at mydomain/bloglist. The user clicks on an individual blog link and goes to ...

The simplest way to increase the size of a child element in order to generate a scrollable area

When working with HTML, it's important to consider how the size of a child div affects the parent div. If the child div is larger than its parent, scrollbars will appear on the parent div if the appropriate style rules are set. However, I'm inte ...

Is it possible to fire a Socket.io emit with a scroll event?

Can you trigger an emit on a gesture or scroll event, similar to how it works on a click event? I'm trying to create something like this: https://www.youtube.com/watch?time_continue=38&v=tPxjxS198vE Instead of relying on a click, I would like to ...

What is the most effective method for refreshing a control following an Ajax request?

I am currently working on a website that sends an Ajax request to save data to a database. I would like to update the webpage to show the user that their changes have been successfully submitted. I have brainstormed three possible solutions: Immediately ...

Increase the number of <li> tags by one for each initial letter in the value of every item

For the purpose of utilizing this incredible plugin: Jquery iphone contacts I have to enhance my current markup (regular list): <div id="iphone-scrollcontainer"> <ul id="iphone-search"> <li><a href="#A" title="A">A</a ...

Switch up the font style of the title element

Is it possible to modify the font-family of the title attribute in an input field using either JavaScript or jQuery? <input type="text" title="Enter Your Name" id="txtName" /> ...

A Guide to Connecting a JavaScript File to an HTML Page with Express and Node.js

Struggling with integrating my JavaScript file into my simple NodeJS app. Traditional methods like placing the script in the header doesn't seem to work with Node. I've attempted using sendFile and other approaches, but none have been successful ...

Create a basic cache within an AngularJS service to store data retrieved from HTTP requests, ensuring that the cache returns an object

Looking to implement a simple caching mechanism in an AngularJS service for data retrieved from HTTP requests. The goal is to always reference the same object to avoid duplicating requests. Below is an example code snippet showcasing the issue at hand. Li ...

Rounded Corners on an HTML5 Canvas Triangle

Hi there, I'm relatively new to working with HTML5 Canvas and I'm currently attempting to create a triangle with rounded corners. So far, I've experimented with: ctx.lineJoin = "round"; ctx.lineWidth = 20; However, I haven't been suc ...

Assign external data to component prior to rendering

When using Vue Router with file based components, I encountered an issue with rendering data from an API in a component called CaseDetail.vue. This component receives a parameter (slug) which is used to fetch a JSON from the API using axios. To handle thi ...

Monitoring changes in an array of objects using AngularJS's $watch function

Exploring the world of AngularJS, I'm on a quest to solve a challenging issue efficiently. Imagine having an array of objects like this: var list = [ {listprice: 100, salesprice:100, discount:0}, {listprice: 200, salesprice:200, discount:0}, {listpr ...

How does Python interpret arrays from JavaScript?

As part of my API setup, I am sending parameters to a python script. One of these parameters happens to be a JavaScript array. Interestingly, when I check the array in Python, it only shows the first index. Here is the snippet of my Angular JS get request ...

"I encountered an error while sorting lists in Vue 3 - the function this.lists.sort is not

Creating a Vue 3 front-end template: <template> <div class="container"> <router-link to="/user/create" class="btn btn-success mt-5 mb-5">Add New</router-link> <table class=" ...