在 ApostropheCMS 中添加分析的最佳位置

Question

我正在尝试进行适当的跟踪，并且想知道添加 JS 代码的最佳位置。还需要确保它没有被缩小吗？

Answer 1

我建议在 lib/modules/apostrophe-templates/views/outerLayout.html 中扩展 outerLayout.html。在此模板中，您可以像这样修改 extraHead 块：

{% extends "outerLayoutBase.html" %}

{% block extraHead %}
  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '...']);
    _gaq.push(['_trackPageview']);
    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  </script>
{% endblock %}

这是我通常放置网站图标定义、开放图形元标记、远程字体加载和所有好东西的块。

Answer 2

仅供参考 - 将分析 ID（等）作为一个全局变量进行分析可能是个好主意，这样您的用户就可以自行设置它。请注意，这会稍微影响性能，因为每个页面都会请求它，但它确实很有用。并且不要忘记将脚本包装在 {% if data.global.analyticsID %}!

中

在 ApostropheCMS 中添加分析的最佳位置

Best place to add analytics in ApostropheCMS

google-analytics

apostrophe-cms