通过 SendGrid 使用 jQuery 和 Google Tag Manager 发送交易电子邮件

Question

当某些事件被触发时，我正在尝试使用谷歌跟踪代码管理器自定义HTML标签发送电子邮件。

这是代码(XXXXX 用于需要省略(

<script>
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.sendgrid.com/v3/mail/send",
"method": "POST",
"headers": {
"authorization": "Bearer XXXXXXXXXXXXX",
"content-type": "application/json"
},
"processData": false,
"data": "{"personalizations":[{"to":[{"email":"XXXXXXXXXX","name":"John Doe"}],"dynamic_template_data":{"verb":"yes","adjective":"test","noun":"","currentDayofWeek":""},"subject":"Hello, World!"}],"from":{"email":"XXXXXXXXXXXXXXX","name":"John Doe"},"reply_to":{"email":"XXXXXXXXXXXXXXX","name":"John Doe"},"template_id":"XXXXXXXXXXXXXXX"}"
}
jQuery.ajax(settings).done(function (response) {
console.log(response);
});
</script>

现在，此块(减去脚本标签(在使用内置的发送网格"试用"功能时运行。为什么这在 GTM 上不起作用？

Answer 1

听起来这段代码可能在jQuery准备就绪之前被添加并运行。尝试对代码进行以下更新：

<script>
jQuery(function() {
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.sendgrid.com/v3/mail/send",
"method": "POST",
"headers": {
"authorization": "Bearer XXXXXXXXXXXXX",
"content-type": "application/json"
},
"processData": false,
"data": "{"personalizations":[{"to":[{"email":"XXXXXXXXXX","name":"John Doe"}],"dynamic_template_data":{"verb":"yes","adjective":"test","noun":"","currentDayofWeek":""},"subject":"Hello, World!"}],"from":{"email":"XXXXXXXXXXXXXXX","name":"John Doe"},"reply_to":{"email":"XXXXXXXXXXXXXXX","name":"John Doe"},"template_id":"XXXXXXXXXXXXXXX"}"
}
jQuery.ajax(settings).done(function (response) {
console.log("SendGrid Response:", response);
});
});
</script>

尝试一下，看看您是否在控制台中看到标有"SendGrid 响应："的任何内容。这肯定会让我们知道这个脚本是否正在运行。