我正在尝试使用Google跟踪代码管理器中的自定义javascript在我的ClickFunnels选择页面上用以下代码预先填充一个隐藏表单:
<script>
(function(){
var selector = "input[name='field[46]']" // css selector for hidden input field
document.querySelector(selector).value = "{{CJS - Get Client ID}}"
})();
</script>
但是它似乎不能正常工作,因为表格保持空白。
这是网页:www.modernmusician.me/workshop。
可能是因为我将ClickFunnels上的输入表单与activeCampaign(我的CRM)中的第三方表单集成了。
下面是页面上的代码:
<input type="text" name="field[46]" value="" placeholder="" data-sync="tmp_input-16042">
<div class="de elInputWrapper de-editable de-input-block elAlign_center elMargin0 ui-droppable" id="tmp_input-16042" data-de-type="input" data-de-editing="false" data-title="input" data-ce="false" data-trigger="none" data-animate="fade" data-delay="500" type="custom_type" style="margin-top: 30px; outline: none; cursor: pointer; display: none;" aria-disabled="false">
<input type="custom_type" placeholder="" name="custom_type" class="elInput elInput100 elAlign_left elInputMid elInputStyl0 elInputBG1 elInputBR5 elInputI0 elInputIBlack elInputIRight required0 ceoinput" data-type="extra" data-custom-type="ClientID">
</div>
有什么想法吗?
编辑:
对于任何好奇的人,我雇用了一名开发人员,这是他为从URL提取UTM参数而构建的代码。仍在使用客户ID!
<input name="custom_type" class="elInput required1 garlic-auto-save" data-type="extra" type="hidden" data-custom-type="Client_ID2" value="Input Value To Send" readonly="readonly">
<script>
$(function(){
// code to change the hidden field from url parameters
var current_url=window.location.href;
console.log("Current URL:: "+ current_url);
var url = new URL(current_url);
var query_string = url.search;
var search_params = new URLSearchParams(query_string);
var ad_id = search_params.get('ad_id');
var adset_id = search_params.get('adset_id');
var adset_name = search_params.get('adset_name');
var campaign_id = search_params.get('campaign_id');
var fbclid = search_params.get('fbclid');
var utm_campaign = search_params.get('utm_campaign');
var utm_content = search_params.get('utm_content');
var utm_medium = search_params.get('utm_medium');
var utm_source = search_params.get('utm_source');
//For Debugging
console.log("ad_id:: "+ad_id);
console.log("adset_id:: "+adset_id);
console.log("adset_name:: "+adset_name);
console.log("campaign_id:: "+campaign_id);
console.log("fbclid:: "+fbclid);
console.log("utm_campaign:: "+utm_campaign);
console.log("utm_content:: "+utm_content);
console.log("utm_medium:: "+utm_medium);
console.log("utm_source:: "+utm_source);
//Set Hidden Fields
$('input[name="field[35]"]').val(utm_source);// set utm source
$('input[name="field[48]"]').val(utm_medium);// set utm medium
$('input[name="field[45]"]').val(utm_content);// set utm content
$('input[name="field[43]"]').val(utm_campaign);// set utm campaign
$('input[name="field[39]"]').val(campaign_id);// set campaign id
$('input[name="field[44]"]').val(adset_name);// set adset name
$('input[name="field[40]"]').val(adset_id);// set adset id
$('input[name="field[41]"]').val(ad_id);// set ad id
});
</script>