如何从WordPress url中提取令牌并为其提供变量/值?

Question

让我解释一下我想做什么。

1. 有人登陆 https://crypto.enzlo.com 并提交他们的电子邮件。他们被带到感谢页面。

2. 感谢页面 url 包含一堆令牌，如下所示： https://crypto.enzlo.com/apply/?contactId=103&inf_contact_key=d5e172efa53b9940a898afcfa25596e21f32e5a885a1411d8c094e77aedca3ba&inf_field_BrowserLanguage=en-US%2Cen%3Bq%3D0.9&inf_field_FirstName=&inf_field_Email=heiko%40viceoffers.com&inf_4dAXudNU8407Jeuy=

3. 我需要从 url 中提取"inf_field_Email"令牌并将其放入需要触发的图像跟踪 url 中，以便我可以跟踪注册和电子邮件。我需要在此感谢页面上触发的图像 iframe 像素如下所示：

4. 您会注意到iframe URL中的"track_id=inf_field_Email"。我需要track_id将电子邮件发回给我。因此，变量/令牌inf_field_Email应显示感谢页面 URL 中的电子邮件地址。因此，在这种情况下，inf_field_Email将是 [e-mail]

我想我需要使用 JS 将其连接到 url 中，通过给它一个变量/值。但是不确定如何做到这一点，或者如何将该变量放入需要在同一页面上触发的 iframe 图像像素中...... 请让我知道你们认为最好的方法是什么。我已经能够将inf_field_Email作为文本发布在页面上，并让它使用 wordpress 插件显示电子邮件，但该插件无法将该令牌传输到 iframe url。

Answer 1

我们必须将 URL 转换为对象，以便我们可以调用属性。我们可以通过使用 JSON.parse 来完成此操作，然后将属性连接到 iframe src，下面是我要做的一个例子。

$(document).ready(function() {
var search = location.search.substring(1);
search = JSON.parse('{"' + search.replace(/&/g, '","').replace(/=/g,'":"') + '"}', function(key, value) { return key===""?value:decodeURIComponent(value) });
console.log(search.inf_field_Email);
document.getElementById("govice").src = "https://govice.online/track/goal-iframe?goal_id=466&track_id=inf_field_Email=" + search.inf_field_Email;
});