如何点击一个按钮后插入谷歌Analytics（分析）？(How to insert Google A

我试图插入点击一个按钮，因此不算作访问后，谷歌Analytics（分析）代码段。

是否有可能，而无需重新加载页面呢？

Answer 1:

您可以使用事件跟踪 ，即trackPageView （上发现的大卫·沃尔什的网站 ]：

_gaq.push(['_trackPageview', 'url-to-track.html']);

上的按钮：

 var button = document.getElementsByTagName("button")[0]; button.addEventListener("click", function() { //Button click event alert("Tracking pageview"); _gaq.push(['_trackPageview', 'url-to-track.html']); }, false); 

 <button>Track me!</button> 

在回答您的评论：

 var js = 'document.getElementsByTagName("button")[0].onclick=function(){alert("I\'m loaded!");}'; document.getElementsByTagName("button")[0].onclick = function() { var script = document.createElement("script"); //Uncomment this and put the path for your file //script.src = "path/to/script.js"; //Remove this, this is just for the demo script.innerHTML = js; document.body.appendChild(script); alert("Appended script, click the button again"); }; 

 <button>Load a JS file</button> <p>Or in this case, a string</p> 

Answer 2:

首先拯救Analytics（分析）代码到一个变量。

然后将其追加到head被点击按钮时标签。

ga = "(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','//www.google-analytics.com/analytics.js','ga');" +
     "ga('create', 'UA-XXXXXXXX-X', 'auto');" +
     "ga('send', 'pageview');"

$('a.button').on('click', function() {
  $('head').append('<script>' + ga + '</script>');
});

文章来源: How to insert Google Analytics after clicking a button?