如何使用Javascript创建动态SRC URL?

时间:2017-03-21 17:04:56

标签: javascript jquery

背景故事:

我们是联盟商家,并在我们的销售页面的标题页面上收到了跟踪代码。但是,跟踪代码需要动态填写金额和订单ID。

我们当前的平台不提供在跟踪代码中分配的液体字段,因此我必须弄清楚哪些字段存在以及如何让它们传播SRC网址,即跟踪代码。

使用Zapier我能够提取提供所需信息的关键字段:

subscription_id:    sub_AIhebhUVf1aV4z - The Tracking ID
contact__contact_profile__known_ltv:    7.95 - The amount

我不确定Zapier使用什么代码来提取这些信息,我假设它是一个GET。您可以将这些字段设置为InputData并将信息调用到Javascript中,但我没有运气将脚本放在一起。

输入数据

amount = contact__contact_profile__known_ltv

tracking = subscription_id

var pixel ='<img ' + 'src="https://shareasale.com/sale.' + 
'cfm?amount='+ inputData.amount + '&tracking=' +
inputData.tracking + '&transtype=SALE&' + 
'merchantID=XXXX"'+ 
' width="1" height="1">';
document.write(pixel);

任何人都知道为什么这段代码不起作用以及如何让它运行?非常感谢。

联盟会员提供的跟踪代码是:

<img src="https://shareasale.com/sale.cfm?amount=AMOUNT&tracking=SUBSCRIPTION_ID&transtype=SALE&merchantID=XXXX" width="1" height="1">

1 个答案:

答案 0 :(得分:0)

我在组合vars时没有看到任何错误,但我认为它不起作用,因为你只创建一个字符串,而不是图像。而是尝试下面的

var pixel ='https://shareasale.com/sale.' + 
'cfm?amount='+ inputData.amount + '&tracking=' +
inputData.tracking + '&transtype=SALE&' + 
'merchantID=XXXX"';

var img = new Image;
img.src = pixel;
img.height = 1;
img.width = 1;
document.body.appendChild(img);