在编辑器 (Google Docs) 侧边栏插件中使用 Google Analytics

Question

尝试在使用我创建的 google docs 侧边栏附加组件时了解附加组件用户的数量及其行为。

我在sidebar.html包含了全局站点标签 (gtag.js)，但实时概览中没有点击，当我点击我也添加了事件监听器的按钮时也没有事件点击。

是否有将分析添加到附加组件的特殊流程/方法？ 我在附加文档中找不到任何内容。

侧边栏.html：

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-X"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-XXXXXXXXX-X');
</script>

....

....

<script>
$('#button111').click(function(){
   gtag('event', 'query');
});
</script>

Answer 1

尝试使用测量协议： https : //developers.google.com/analytics/devguides/collection/protocol/v1

您可以在此处找到有关如何将其用于 Apps 脚本的示例。 在这种情况下，它用于在电子表格中跟踪 Google Analytics 中的用户访问和操作，但关于如何将点击发送到 Analytics 的一般概念是相同的：

https://www.appsscript.it/tutorial/traacciare-in-google-analytics-gli-accessi-e-le-azioni-degli-utenti-in-uno-spreadsheet/

使用 Analytics 代码段您需要指定页面和标题，因为 HTMLService 接口阻止跟踪代码执行其通常的自动检测：

<script type="text/javascript">var GA = '<?= ga ?>';</script> //...
 <script async="" src="https://www.googletagmanager.com/gtag/js?id=YOUR_TRACKING_ID" type="text/javascript"></script> <script 
type="text/javascript">window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'YOUR_TRACKING_ID',{
  'page_title': 'CUSTOM_TITLE',
  'page_location': SpreadsheetApp.getActive().getUrl()
});</script>