javascript - Google 跟踪代码管理器 gtm.click {{Click Text}}

Question

我有一个表格列表，其中包含商店的详细信息，例如营业时间、电话号码等。当用户单击商店名称时，前面提到的详细信息将使用 JavaScript 显示。

我想在用户使用跟踪代码管理器点击商店名称 (SHOP NAME) 时检索该商店名称，然后在 Google Analytics 中显示该信息。我在 GTM 中尝试了一些方法，但没有成功。

非常感谢任何帮助。

代码如下:

<table>
  <tbody>
    <tr class="row" valign="top">
        <td class="locationGridColZip" onclick="javascript: locationGridAddressToggle(this);">
          <input type="hidden" name="ctl00$ContentRegion$ctl00$locationGridView$ctl02$hfStore" id="ctl00_ContentRegion_ctl00_locationGridView_ctl02_hfStore" value="2620|55,65739|12,35353">CITY
            </td>
            <td class="locationGridColImgOFF" onclick="javascript: locationGridAddressToggle(this);">
            </td>
            <td class="locationGridColAddress" onclick="javascript: locationGridAddressToggle(this);">
              <h3>SHOP NAME</h3>                    
            </td>
            <td class="locationGridColShow">
              <a onclick="javascript:map.setCenter(new google.maps.LatLng(55.65739, 12.35353));map.setZoom(12);" href="/butikker.aspx#gmap">SHOW ON MAP</a>
              <a class="countryGmap countryGmap1" onclick="javascript:map.setCenter(new google.maps.LatLng(55.65739, 12.35353));map.setZoom(12);" href="/butikker.aspx#gmap"><img src="https://cdn.fotoagent.dk/webshop/production_solr/images/gmapDanmarkAlt.gif" alt="Vis på kort" style="border-width:0px;"></a>
      </td>
    </tr>
  </tbody>
</table>

Answer 1

由于您启用了 jQuery，因此您可以使用以下内容在自定义 JS 变量中启用它(请根据需要进行修改):

function(){
   try{
      var ce = {{Click Element}};
      var storeName = $(ce).closest('tr').find('.locationGridColZip').text().trim();
      if (storeName.length > 0){
         return storeName;
      }
      return 'undefined';
   }
   catch(e){
   }
}