編輯Floodlight代碼以從頁面獲取表單數據

Question

我正在嘗試編寫一些JavaScript來修改Floodlight代碼，以便從頁面獲取表單數據並填充自定義變量。我最初的想法是設置一個變量x讓我們說，並調用document.getElementsByName（'...'）並在自定義變量字段中引用該變量，即u25 ='+ x +'。我在正確的道路上嗎？

這裏是如何看起來在頁面上：

<select name="maincontent_0$ddlBikes" onchange="javascript:setTimeout('__doPostBack(\'maincontent_0$ddlBikes\',\'\')', 0)" id="maincontent_0_ddlBikes"> 
<option value="-1">Which bike would you like to test ride</option> 
<optgroup label="Adventure &amp; Touring"><option value="{0E862AD4-9ACB-48F3-BA32-8E68FA2A6858}" group="Adventure &amp; Touring">Tiger 800 XC</option> 
<option value="{51E95170-AACE-4355-8051-24BF4134791F}" group="Adventure &amp; Touring">Tiger 800 XCA</option> 
<option value="{A356E71C-74B0-4566-AAE0-AB879FFFF9C7}" group="Adventure &amp; Touring">Tiger 800 XCX</option> 
<option value="{93798161-E8EC-4FDF-86E7-441EA96A2723}" group="Adventure &amp; Touring">Tiger 800 XCX low</option> 
<option value="{828183FB-2151-489B-82B9-0557EC672244}" group="Adventure &amp; Touring">Tiger 800 XR</option> 
<option value="{4F471C5F-0CA1-4882-8929-6F0B3858F2CB}" group="Adventure &amp; Touring">Tiger 800 XRT</option> 
<option value="{38601676-1641-4B7D-A027-427F21D30961}" group="Adventure &amp; Touring">Tiger 800 XRX</option> 
<option value="{DC926BAA-F718-48AB-B38C-5D56790D5576}" group="Adventure &amp; Touring">Tiger 800 XRX low</option> 
<option value="{68F97139-3FBF-419E-A437-14BD97665EB1}" group="Adventure &amp; Touring">Tiger Explorer XC</option> 
<option value="{CCD93100-E7B2-42CA-9571-F75E0AE7FE7B}" group="Adventure &amp; Touring">Tiger Explorer XCA</option> 
<option value="{CA56B24F-8420-4CC5-B827-567F658654C1}" group="Adventure &amp; Touring">Tiger Explorer XCx</option> 
<option value="{213D8CF5-EFE5-4510-A7E1-1150EFD07A3C}" group="Adventure &amp; Touring">Tiger Explorer XCx low</option> 
<option value="{E7DEFBEA-BF02-46AB-AF3C-7028965FDB44}" group="Adventure &amp; Touring">Tiger Explorer XR</option> 
<option value="{C69673AC-EAD9-49EF-8A19-86E598FFCFE4}" group="Adventure &amp; Touring">Tiger Explorer XRT</option> 
<option value="{62134AB5-465D-4E88-A805-FC17416C78F9}" group="Adventure &amp; Touring">Tiger Explorer XRx</option> 
<option value="{3E12B52E-B441-4130-8002-F1C62EB1C731}" group="Adventure &amp; Touring">Tiger Explorer XRx low</option> 
<option selected="selected" value="{C357BDB9-FB24-4B73-B609-827A9DDA490F}" group="Adventure &amp; Touring">Tiger Sport</option> 
<option value="{95ABB7BC-E142-446B-9861-34A18AE37195}" group="Adventure &amp; Touring">Trophy SE</option> 

Floodlight代碼如下：

<script type="text/javascript"> 
var axel = Math.random() + ""; 
var a = axel * 10000000000000; 

document.write('<iframe src="https://2712390.fls.doubleclick.net/activityi;src=2712390;type=test;cat=url_r000;u25=[URL];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); 

Answer 1

你不應該使用Floodlight代碼的自定義HTML，特別是不使用document.write。標籤首先使用javascript的唯一原因是創建一個隨機數字作爲cachebuster，而GTM有一個「隨機」變量，您可以使用它來製作純粹的HTML。

然而，使用tag template for floodlight tags並使用來自GTM變量（DOM選擇器或自定義腳本 - 我假設您想從下拉列表中選擇選項）中的值填充自定義變量字段要好得多。