Activities

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
jkhlim

jkhlim resolved the question #c32

analytics-module •

Calling this.$ga.set() in created causes an undefined error.

fixed

jkhlim

jkhlim posted a new question

analytics-module •

Calling this.$ga.set() in created causes an undefined error.

We fixed it.

Thanks guys.

jericopulvera

jericopulvera posted a new feature request

analytics-module •

idea Cacheable Option or Async analytics

What problem does this feature solve?

pagespeed insight optimization suggestion.

What does the proposed changes look like?

It would swap out analytics js to galite when cache: true

Just thought that it would be a good idea to have this in main analytics module of nuxt.

Thanks

emerg

emerg posted a new question

analytics-module •

E-Commerce tracking not registering in GA Dashboard.

I am having an issue getting e-commerce tracking data to actually register and display on the GA dashboard.
I am running a laravel/vue/nuxt app in a vagrant virtual machine on my local computer. Regular analytics data, such as page views, etc is registering and displaying in the GA dashboard just fine, as are "real time" metrics, so I know that my localhost environment is successfully communicating to googles servers and there's no network connectivity issues. The GA e-commerce script is successfully loading into the site, and events seem to fire off correctly, and I'm not seeing any issues when I use the official GA Debugger browser extension for chrome. Initially, I thought perhaps that it was the google analytics delay time that might have been preventing any data from registering in the dashboard immediately, so I waited a day or so, but I'm still getting this screen when I view the e-commerce dashboard in analytics.
Screen Shot 2018-10-22 at 1.28.07 PM.png

This is what the implementation code looks like in my nuxt.config file:
Screen Shot 2018-10-22 at 1.27.19 PM.png

This is my network tab in the developer console showing that both analytics and e-commerce scripts are loading into the site:
Screen Shot 2018-10-22 at 1.30.38 PM.png

This is the code in my vue template which is calling the GA e-commerce functions.
Screen Shot 2018-10-22 at 1.29.10 PM.png

This is what the GA Debugger is logging in the console:
Screen Shot 2018-10-22 at 1.39.07 PM.png

Everything seems to be working fine, but for some reason I am still getting the "This report requires e-commerce tracking to be set up for this view" issue in the GA dashboard, so I'm not able to see any actual data showing up in the dashboard.

This is my first time using vue/nuxt/analytics-module, so I think there might be a slight mishap on my end. Any help/insight would be greatly appreciated.

Thank you!

designcourse

designcourse posted a new question

analytics-module •

Works locally, but not in production

I'm trying to figure out what the issue could be here. I followed the very simple setup instructions as outlined on this repo (npm i --save @nuxtjs/google-analytics), and adding it to the nuxt.config.js modules array.

When I run npm run build and npm run start locally, the analytics "real time" shows my footprint on the site.

When I pushed the code to the production server, ensured npm installed the dependency, reran npm run build / start -- nothing. No errors (even when ran in dev mode), and it's not showing my real time footprint in GA. In GA for the property settings, I have it set to use the correct URL https://mysite.com..

Any ideas?

raapperez

raapperez posted a new feature request

analytics-module •

idea Allow ga's id be a function

What problem does this feature solve?

I have a server that is used for different domains. I want to for each domain it uses a different ga id.

What does the proposed changes look like?

{
  modules: [
    // Simple usage
    ['@nuxtjs/google-analytics', {
      id: () => {
        switch (document.domain) {
          case 'github.com':
            return 'UA-12301-2';
          case 'foo.com':
            return 'UA-12301-3';
          default:
            return 'UA-12301-4';
        }
      }
    }]
 ]
}
raapperez

raapperez posted a new question

analytics-module •

Feature proposal: Allow ga's id be a function

I have a server that is used for different domains. I want to for each domain it uses a different ga id.
Example of use case:

{
  modules: [
    // Simple usage
    ['@nuxtjs/google-analytics', {
      id: () => {
        switch (document.domain) {
          case 'github.com':
            return 'UA-12301-2';
          case 'foo.com':
            return 'UA-12301-3';
          default:
            return 'UA-12301-4';
        }
      }
    }]
 ]
}
Morpheu5

Morpheu5 posted a new question

analytics-module •

How do I preemptively disable the tracking code, e.g. based on opt-out cookie?

I tried calling this.$ga.disable() at many different points in my nuxtjs application, but I always send out a page tracking event — I can see it in the GA real-time view. Obviously you can't have this in a middleware, as this.$ga is not available server-side. So, how am I supposed to do this?

paolodina

paolodina posted a new question

analytics-module •

update to 5.16.0

Is there any technical reason to not update to vue-analytics v5.16.0?

aureliendebord

aureliendebord resolved the question #c23

analytics-module •

Installation problem

Yes, it's solved.

tvvocold

tvvocold posted a new feature request

analytics-module •

idea Update analytics.js to gtag.js

What problem does this feature solve?

Since Google Analytics has released the gtag.js as the recommended tracking code for new implementations. So please update the codes and docs for analytics module: https://nuxtjs.org/faq/google-analytics

What does the proposed changes look like?

Check the GA's doc here: https://developers.google.com/analytics/devguides/collection/gtagjs/migration

aureliendebord

aureliendebord posted a new question

analytics-module •

Installation problem

Hello,
I can not install the analytics-module. I do not see the analytics code in the source code.
Can you tell what I am doing wrong?

I did npm i @nuxtjs/google-analytics --save
Then in my nuxt.config.js file, I set the module:

  modules: [
    ['@nuxtjs/pwa', {
      options: {
        icon: {
          sizes: [512, 192, 380]
        }
      }
    }],
    ['@nuxtjs/axios'],
    ['@nuxtjs/google-analytics', {
      id: 'UA-12345678-9'
    }]
  ],
  /* etc...