我有一个表格列表,其中包含商店的详细信息,例如营业时间,电话号码等。当用户点击商店名称时,前面提到的详细信息会显示为使用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>
答案 0 :(得分:1)
由于您启用了jQuery,您可以在Custom 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){
}
}
答案 1 :(得分:0)
您可以使用自定义JavaScript变量执行此操作。这取决于您的具体情况,特别是“点击元素”的元素。确定您要标记的标记,但我会使用类似于:
的内容function ()
{
return {{Click Element}}.getElementsByTagName("h3")
}
这里有一些自定义Javascript变量的好例子: http://www.apasters.com/blog/google-tag-manager-custom-javascript-variable-examples/
Simo Ahava在这里也有一个很好的概述: http://www.simoahava.com/analytics/variable-guide-google-tag-manager/#6