Activities

LukaHarambasic

LukaHarambasic posted a new question

analytics-module •

Usage with a cookie banner

Hi,

I want to embed a typical cookie banner and only if the users clicks "Accept" GA should be loaded. How can I realize this?
The website will be hosted in Europe so it must be GPDR compliant.

Thank you,
Luka

mkstix6

mkstix6 posted a new question

analytics-module •

Trouble with advice to install @nuxtjs/google-analytics as devDependency

I installed @nuxtjs/google-analytics version 2.2.1 using the advice on:
https://www.npmjs.com/package/@nuxtjs/google-analytics
…which was to use:
yarn add --dev @nuxtjs/google-analytics

But when I deploy our app in "production" mode the module is then not install as per npm's documentation about devDependencies and production environments, here:
https://docs.npmjs.com/cli/install

I am unsure about deviating from the @nuxtjs/google-analytics documentation but…
Do I really need to make this module a devDependency?

Secondly, would it not be better to advise people to install with:
yarn add @nuxtjs/google-analytics

Sorry if I'm misunderstanding something here.

Thanks
Mark

MrZordex

MrZordex posted a new question

analytics-module •

Firefox private browsing

When I open my page in private firefox window I get the following error:

An error occured! Please check your connection, if you have any Google Analytics blocker installed in your browser or check your custom resource URL if you have added any.

Firefox claims it's a "feature" but how can I check whether my requests are blocked or not?

joska

joska posted a new question

analytics-module •

GA object not available in SSR

Hi, I would like to ask for a piece of advice. Even After hours I just can get vue-analytics events to run in universal mode - the this.$ga object always returns undefined whenever used inside the component.

I would be glad for any help.

Thank you
Josef

nuxt.config.js

modules: [
    ['@nuxtjs/google-analytics', {
      id: 'UA-130767453-1'
    }]
  ],
 googleAnalytics: {
    id: 'UA-130767453-1',
    commands: {
      showArchive () {
        this.$ga.event('clicks', 'click', 'archive', '')
      },
      nextEvent (name = 'unknown') {
        this.$ga.event('clicks', 'click', 'event-download', name)
      },
      saveTheDate (name = 'unknown') {
        this.$ga.event('clicks', 'click', 'save-the-date-download', name)
      }
    }
  },
  debug: {
    enabled: true,
    sendHitTask: true
  },

component

<a v-ga="$ga.commands.nextEvent.bind(this, name)" :href="eventLink" class="btn btn-primary btn-block">Add to calendar</a>

package.json

"version": "2.9.2",
"vue-analytics": "5.17.2",
"@nuxtjs/google-analytics": "2.2.1",
vunv-1219

vunv-1219 posted a new question

analytics-module •

How to use ignoreRoutes in modules option

I have some routes are /admin, /admin/1, /admin/2. And i do not want to send pageview if router change to these routes. I use option ignoreRoutes: ['/admin'], but it not working.
Sorry because my English is bad. I believe you can help me.!

xdcha

xdcha posted a new bug report

analytics-module •

bug Analytics module not working in production mode

Version

2.2.0

Reproduction link

https://codepen.io/d--c/pen/rNNLXRq?editors=0010

Steps to reproduce

In development mode, with the debug code the script works fine. In production, I do not get any hits.

googleAnalytics: {
   id: "UA-147623000-1"
  }

What is expected ?

Hits in production mode

What is actually happening?

No hits in production mode.

Additional comments?

I did contemplate just leaving it in dev mode enabled:true but then the console is riddled with info which I do not wish to be seen by the user. I am using Nuxt v 2.10.1.

Do I need to change the 'Mode' in my Nuxt.config.js? Or shallI just use the Plugin method available on the official docs? https://nuxtjs.org/faq/google-analytics/

mehidi258

mehidi258 posted a new question

analytics-module •

UTM parameters are not tracking without page reload.

I am using analytics-module with this option normal page views are tracking was working perfectly but UTM parameters are not working without page reload.
{ id: process.env.NUXT_ENV_GTAG_ID, config: { anonymize_ip: true, send_page_view: true }, debug: process.env.NODE_ENV === "production" ? false : true, disableAutoPageTrack: false }

redLineColor

redLineColor posted a new question

analytics-module •

Disable plugin programmatically

Hello,
I integrate this module using the documentation and i read https://matteogabriele.gitbooks.io/vue-analytics/content/docs/opt-out.html on how to disable the plugin.
Because I use nuxtjs config file i just add

modules: [
['@nuxtjs/google-analytics', {
id: 'UA-12301-2'
}]
]

If an user enter on my website, a popup will show to accept cookie consent and a cookie will be set. User can disable tracking libraries like google, facebook, etc, but i don't understand how i can disable this module if user choose to not been tracking.

On documentation the above example should work

Vue.use(VueAnalytics, {
id: 'UA-XXX-X',
disabled: () => {
return true
}
})

but i don't understand how to obtain that using nuxtjs.

I wanna make function like:

Vue.use(VueAnalytics, {
id: 'UA-XXX-X',
disabled: () => {
return this.$cookies.get('cookie-tracking-disabled') === true
}
})

daveatfuse

daveatfuse posted a new question

analytics-module •

Adding multiple items to a transaction

Not sure if this is a bug but I can't seem to find a way to implement adding multiple products to a transaction as per the https://developers.google.com/analytics/devguides/collection/analyticsjs/ecommerce#sendingData

Setup:

Vue.use(VueAnalytics, {
                id: process.env.googleAnalyticsID,
                router,
                ecommerce: {
                    enabled: true,
                    enhanced: false,
                },
                debug:{
                    enabled: true,
                    sendHitTask: true
                }
            });

Request:

`this.$ga.ecommerce.addTransaction({
                id: this.id,
                revenue: "37.39", 
                currency: "NZD",
            });
        this.$ga.ecommerce.addItem([{
            name: "ClassCode - Description", // Product name. Required.
            category: "Vehicle",
            id: this.id, // Booking ID. Required.
            price: "11.99", // Unit price.
            days: "4", // HirePeriodInDays
            quantity: "1", // Quantity.
            currency: "NZD",
        }]);

        this.$ga.ecommerce.addItem({
            name: "Peace of Mind", // Product name. Required.
            category: "Insurance",
            id: this.id, // Booking ID. Required.
            price: "5.00", // Unit price.
            quantity: "1", // Quantity.
            currency: "NZD",
        });

        this.$ga.ecommerce.addItem({
            name: "Afterhours Pick up", // Product name. Required.
            category: "Other Fees",
            id: this.id, // Booking ID. Required.
            price: "5.00", // Unit price.
            quantity: "1", // Quantity.
            currency: "NZD",
        });

        this.$ga.ecommerce.addItem({
            name: "OneWay Fee", // Product name. Required.
            category: "Other Fees",
            id: this.id, // Booking ID. Required.
            price: "5.00", // Unit price.
            quantity: "1", // Quantity.
            currency: "NZD",
        });

        this.$ga.ecommerce.addItem({
            name: "Airport Concession Fee", // Product name. Required.
            category: "Other Fees",
            id: this.id, // Booking ID. Required.
            price: "5.00", // Unit price.
            quantity: "1", // Quantity.
            currency: "NZD",
        });

        this.$ga.ecommerce.addItem({
            name: "Accessory name", // Product name. Required.
            category: "Accessory",
            id: this.id, // Booking ID. Required.
            price: "5.00", // Unit price.
            quantity: "1", // Quantity.
            currency: "NZD",
        });

        this.$ga.ecommerce.send();`

I can see the collect request going through but only the transaction and last item is in there, I can get it working if I do a send() after adding each item but I doubt that's correct.

I have also tried passing in an array of items which was unsuccessful, and the addProduct function is not available in the non enhanced version. What is the correct way of handling this, or is it a bug?

codeofsumit

codeofsumit posted a new question

analytics-module •

Module not sending to GA anymore

Since a few days my site using this module does not send to GA anymore. Locally I can also not see anything sent nor trigger the realtime info in the Google Analytics dashboard.

Once I enable sendHitTask it works again.

    '@nuxtjs/google-analytics',
      {
        id: 'UA-118133246-14',
        debug: {
          enabled: false,
          sendHitTask: true
        },
      },

is that normal?

Bildschirmfoto 2019-09-11 um 10.23.39.png

arkhamvm

arkhamvm posted a new question

analytics-module •

How to add `require` `displayfeatures` ?

Hi. How i can add ga('require', 'displayfeatures'); ?

kaboume

kaboume posted a new feature request

analytics-module •

idea Nuxt Analytics & PWA (service worker)

What problem does this feature solve?

After installed the nuxt PWA module in my nuxt application, my application stopped to send the data to Google Analytics (whit the Nuxt Analytics module).
After many hours, I found a solution to let the module work again.
I had to add in the nuxt.config.js the sendHitTask like that

googleAnalytics: {
id: process.env.GOOGLEANALYTICSID,
debug: {
enabled: false,
sendHitTask: true
}
},

If you know why….

salamwaddah

salamwaddah posted a new question

analytics-module •

What is the option to control async attribute?

I need to control the async and the defer attributes on the script. Is there such an option?

Here's my current setup.

['@nuxtjs/google-analytics', {
  id: 'UA-XXXX..,
}]
fmoessle

fmoessle posted a new question

analytics-module •

How to integrate Google Optimize

On normal website google recommends to integrate google optimize like this:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', '{{ENV.googleAnalytics}}', 'auto');
  ga('require', '{{ENV.googleOptimize}}');
</script>

My aproach with this nuxt-module is that I create a client side-only nuxt plugin like so:

export default ({ app }, inject) => {
app.$ga.require(process.env.googleOptimize)
}

This is working :)
But do you recommend to do it like I did or is there a better way?
Thanks in advance!

sebastianmarines

sebastianmarines posted a new bug report

analytics-module •

bug Analytics not loading and disabling css module

Version

2.2.0

Reproduction link

https://github.com/sebastianmarines/maz/

Steps to reproduce

Install google analytics

yarn install @nuxtjs/google-analytics

Add module to nuxt.config.js

modules: [
    '@nuxtjs/bulma',
    ['@nuxtjs/google-analytics', {
       id: 'UA-12301-2'
     }]
  ],

What is expected ?

Analytics module should load

What is actually happening?

The css module is being blocked from loading and the analytics module is not loading

syonip

syonip posted a new bug report

analytics-module •

bug Google analytics id not added to pages

Version

2.2.0

Reproduction link

https://github.com/syonip/nuxt-ga-bug

Steps to reproduce

npx create-nuxt-app nuxt-test
cd nuxt-test
npm i @nuxtjs/google-analytics

add following to nuxt.config.js:

modules: [
    ['@nuxtjs/google-analytics', {
      id: 'UA-****'
    }]
  ]

run

npm run dev

What is expected ?

I expect to see activity in GA realtime page.
I expect the html page to contain the 'UA-****' string somewhere but it doesn't.

What is actually happening?

I don't see any activity in GA realtime page when browsing to localhost:3000.
Generated html contains <script async="" src="https://www.google-analytics.com/analytics.js" charset="utf-8"></script> but not the required call to gtag function with my id.

josh-king

josh-king posted a new bug report

analytics-module •

bug Programmatically enabling/disabling not working

Version

1

Reproduction link

https://codesandbox.io/s/kor57z1vy7

(Please use the extension Google Tag Manager to view the tag)

Steps to reproduce

Whenever you try to programmatically fire the $ga.enable/$ga.disable the tracking is still active

What is expected ?

That specific user should be disabled from being tracked in the real time tracking

What is actually happening?

The calls don't seem to do anything, they are initialized but not functioning.

FelixRe0

FelixRe0 posted a new question

analytics-module •

How to access Analytics Ready

Hi I'm trying to implement a GDPR compliant tracking.
In my nuxt config I have disabled set to true. When the user enters the page I check the consent and run this.$ga.enable()
When the consent has already been given I check that in the mounted hook and run enable again.
However, it seems that window['ga-disable-UA-XXXXXXXXX-X'] is set to false but google analytics is loaded shortly after, setting it to true again.

According to the official article on GDPR it should be the way to implement or am I wrong?
https://medium.com/dailyjs/google-analytics-gdpr-and-vuejs-e1bd6affd2b4

I've tried to only run enable when ga is loaded, but the official implementation does not work for the nuxt module.
https://github.com/MatteoGabriele/vue-analytics/blob/HEAD/docs/when-google-analytics-is-loaded.md

ricardogobbosouza

ricardogobbosouza posted a new question

analytics-module •

Run CircleCI on PRs

Run CircleCI on PRs

ricardogobbosouza

ricardogobbosouza posted a new question

analytics-module •

Run CircleCI on PRs