谷歌分析事件一个Mozilla PDF.js PDF中跟踪

我有一个网站使用的Mozilla PDF.js的iFrame的PDF格式，像这样：谷歌分析事件一个Mozilla PDF.js PDF中跟踪

<iframe class="maxit" src="web/viewer.html?file=MaxIT.pdf#zoom=page-fit" frameborder="0"> 
<embed class="maxit" src="web/viewer.html?file=MaxIT.pdf" type=""> 
</iframe>

，我使用从谷歌的analytics.js跟踪页面，像这样：

<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', 'UA-XXXXXX-XX', 'auto'); 
    ga('send', 'pageview'); 

</script>

一切都会按计划，甚至标准的事件在页面上跟踪。我的问题是，我无法通过单击pdf中的链接来跟踪事件。例如，我有一对夫妇邮件的PDF链接，我想跟踪。我正在使用以下脚本将事件发送到GA，但即使将脚本和analytics.js直接放在web/viewer.html页面上，也没有任何反应。这是我正在使用的脚本：

<script type="text/javascript"> 
    $("a").each(function() { 
     var href = $(this).attr("href"); 
     var target = $(this).attr("target"); 
     var text = $(this).text(); 
     $(this).click(function(event) { // when someone clicks these links 
      event.preventDefault(); // don't open the link yet 
      if (href.indexOf("mailto") !== -1) { 
       ga('send', 'event', { 
        'eventCategory': "mailto link", 
        'eventAction': "clicked", 
        'eventLabel': href, 
        'transport': 'beacon' 
       }); // create a custom event 
       console.log("mailto clicked"); 
      } 
      setTimeout(function() { // now wait 300 milliseconds... 
       window.parent.open(href, (!target ? "_self" : target)); // ...and open the link as usual 
      }, 300); 
     }); 
    }); 
</script>

上面的脚本工作正常，只是不适用于pdf中的链接。

来源

2017-10-11 StefanL

请注意，PDF.js动态创建链接，因此您需要在每次渲染页面和创建注记图层时运行脚本。或者不要使用jQuery并通过单个document.addEventListener（'click'，handler，true）监听点击事件; – async5

当然，这工作。谢谢您的回答。 – StefanL

-1

PDF是由插件浏览器读取的，JavaScript无法解析其源代码。您可以在链接上添加统计信息的唯一方法是使用Google Analytics广告系列。

在创建PDF，你有三个参数来装饰你的URL链接：

utm_source
utm_medium
utm_campaign

例如：https://www.example.com/?utm_source=courrier-d-ete-&utm_medium=e-mail&utm_campaign=soldes-d-ete

DOCUME ntation：Google Campaigns

来源

2017-10-11 14:29:06 GGO

谢谢你的回答。不幸的是，我在pdf中的所有链接都是外部链接，无论是mailto还是som其他网站，我都没有跟踪。所以UTM方式将无法工作。 – StefanL

这就是为什么在网页中嵌入pdf文件的原因;）使用其他工具，您可以在用户点击的页面中跟踪鼠标绘图和坐标。但它有点沉重 – GGO

也像热地图 – GGO

谷歌分析事件一个Mozilla PDF.js PDF中跟踪

回答

相关问题