Vuejs - How to insert JS Tracking Codes like Google Analytics or Adsense

Question

So I am developing a site as a SPA with Vue JS and I have just came across a issue.

I went to insert Adsense's code snippet like i would normally, but Vue complains with the following

• Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as , as they will not be parsed.

So I am now a bit stuck, I have seen a library that will put Adsense in as a component but its a very new/small library and i could not get the thing to work.

I also have a lot of other tracking pixels that will need to go on the site in a similar fashion so I will need to find a way around doing this.

Can anyone lend some advise, thanks.

Answer 1

Try modifying the index.html file instead of the *.vue files. The Vue SPA app automatically listens for updates to *.vue files. So pasting the snippet in html file will bypass the compiler checks for undefined variables, etc.