时间戳

首页 > 解决方案 > 将键入的文本推送到数据层 GTM - 无提交按钮

forms - 将键入的文本推送到数据层 GTM - 无提交按钮

问题描述

当访问者单击下拉菜单并在文本框中输入内容时，我正在尝试测量参与度（捕获文本输入、将值发送到 GTM 数据层等）（参见屏幕截图）。

问题是，没有提交按钮。搜索和显示是自动执行的。想知道，甚至可以将输入文本推送到 GTM 数据层吗？

表格截图

这是脚本的一部分





<div class="dropdown-menu open" style="max-height: 481.5px; overflow: hidden; min-height: 151px;">
   <div class="bs-searchbox"><input type="text" class="form-control" autocomplete="off"></div>
   <ul class="dropdown-menu inner" role="menu" style="max-height: 420.5px; overflow-y: auto; min-height: 90px;">
      <li data-original-index="1" class="">
<a tabindex="0" class="indent-1 location-name" style="" data-tokens="null">
<span class="text">All Destinations</span><span class="fa fa-checkmark check-mark"></span>
</a>
</li>
      <li data-original-index="2" class=""><a tabindex="0" class="indent-1 location-name js-state-AL" style="" data-tokens="null"><span class="text">Alabama</span><span class="fa fa-checkmark check-mark"></span></a></li>
      .
      .
      .
      .
      .
   </ul>
</div>

标签： formsgoogle-tag-manager

解决方案

您可以通过自定义 HTML 标记来执行此操作。在标记中，您为 keydown 浏览器事件编写自定义侦听器。它有点复杂，但在 simo ahava 下面的链接中描述得很好。

https://www.simoahava.com/analytics/track-autocomplete-search-google-tag-manager/

希望有帮助。

推荐阅读