使用GTM进行购物车废弃推送通知

如何使用 GTM 设置购物车放弃推送通知

正在寻找一种使用 Google Tag Manager 为您的网站添加购物车放弃推送通知的方法?

Google Tag Manager 就像一个存储您的推送通知脚本等的存储桶。购物车放弃活动是自动提高参与度和销售额的好方法。因此,让我们将这两个史诗般的自动化结合起来。

在本文中,我们将在 10 分钟内帮助您安装 GTM 推送通知。

让我们开始吧。

如何使用 GTM 创建购物车放弃推送通知

使用 Google Tag Manager 安装推送通知是一个非常快速简便的过程。使用 GTM 设置购物车放弃活动稍微技术性一些,但我们可以一起完成。只需按照这些步骤操作,在本文结束时,您应该能够像这样从您的网站发送推送通知:

Shein-购物车废弃

使用 Google Tag Manager 进行此操作的好处是您根本不需要使用任何代码。您也不需要编辑您网站的 HTML 来安装推送通知。

让我们开始吧。

第 1 步:使用 GTM 设置您的 PushEngage 帐户

在创建购物车放弃活动之前,您需要将 PushEngage 安装到您的网站上。而且,由于我们将使用 Google Tag Manager 设置购物车放弃活动,因此将 PushEngage 也通过 GTM 安装是有意义的。

不过,我们不会在本文中介绍这一点。如果您是推送通知的新手,请继续查看我们关于如何使用 GTM 在您的网站上安装推送通知的教程。

请按照该文章中的步骤操作。完成后,我们将开始创建您的购物车放弃活动。

第 2 步:在 PushEngage 中创建购物车放弃活动

完成选择加入设置后,您的网站就可以收集订阅者了。

现在,是时候创建您的购物车放弃活动了。

前往活动 » 触发活动并点击创建新的触发活动

创建新的触发式广告系列

然后,从活动模板中选择购物车放弃,然后点击创建新

购物车放弃广告系列模板

如果您需要有关创建购物车放弃活动的详细教程,请查看这篇关于如何设置购物车放弃推送通知的文章。完成后,您需要配置 Google Tag Manager 来触发和发送购物车放弃提醒。

第 3 步:创建 dataLayer 对象

根据 Google 的说法,“为了确保最大的灵活性、可移植性和易于实施,Google Tag Manager 在与数据层一起部署时效果最佳。数据层是一个包含您想传递给 Google Tag Manager 的所有信息的对象。例如事件或变量可以通过数据层传递给 Google Tag Manager,并且可以在 Google Tag Manager 中根据变量的值设置触发器。”

dataLayer 对象是数组中的一组变量,用于动态获取信息。简单来说,dataLayer 就是您的产品 Feed。请查看Google 的文档以了解有关 dataLayer 对象的更多信息。

这是一个示例:

添加dataLayer

创建此 dataLayer 后,您需要将其添加到您网站的 HTML <body> 中。

接下来,您需要在“立即购买”或“添加到购物车”按钮中添加一个触发事件,以便在访问者点击这些按钮时激活废弃购物车营销活动。

eventPush_dataLayer

注意:您的废弃购物车营销活动不会在事件触发后立即开始。通常,如果您的访问者将商品添加到购物车但未在半小时后购买任何商品,营销活动就会开始。

第 4 步:在 GTM 中创建 dataLayer 变量

在您的 Google Tag Manager 帐号中,转到工作区 » 变量 » 配置,然后向下滚动到点击

配置GTM变量

并启用点击下的所有变量。

然后,返回变量,在用户定义的变量下,点击创建新

用户定义的GTM变量

在此处将您的 dataLayer 变量添加到 Google Tag Manager:

创建dataLayer变量

您的 dataLayer 变量是您产品的不同属性。在我们的示例中,dataLayer 变量将是:

  • 产品名称
  • 产品ID
  • 产品价格
  • 产品名称
  • 产品图片

您需要将所有这些 dataLayer 变量添加到 GTM 中。

将dataLayer变量添加到GTM

重要提示:请严格遵守语法,否则营销活动将永远不会触发。

第 5 步:在 GTM 中创建触发器

转到触发器并点击添加新

创建新的GTM触发器

创建一个自定义事件,以便在有人点击立即购买按钮时触发您的废弃购物车营销活动:

创建立即购买事件

配置自定义事件,使其在有人点击按钮文本为“立即购买”的按钮时触发:

点击文本触发器

第 6 步:使用 dataLayer 变量和触发器配置代码

最后,您需要返回 PushEngage 仪表板,并使用 dataLayer 变量和触发器更新购物车废弃代码。转到营销活动 » 触发的营销活动 并点击您的代码按钮:

获取营销活动代码

并复制您的营销活动代码:

自定义JavaScript代码段

完成后,您需要将代码粘贴到您网站的 HTML 代码中,就在您的立即购买按钮上方。

就是这样!您已完成。

设置购物车废弃通知后的操作

好了,各位,本次分享就到这里!

您还可以 通过 GTM 动态创建细分。也许接下来可以看看?

如果您是推送通知新手,在上线之前,您应该遵循一个完整的 推送通知测试 流程。这将帮助您在访问者看到它们并开始抱怨糟糕的用户体验之前,排除常见问题。

您还应该顺便看看这些精彩的资源:

如果您还没有尝试过PushEngage,现在就去试试吧。PushEngage是全球排名第一的推送通知服务。所以,如果您想认真发展您的业务,就应该投资PushEngage。

立即开始使用 PushEngage

添加评论

我们很高兴您选择留下评论。请记住,所有评论都将根据我们的隐私政策进行审核,并且所有链接都将是 nofollow。请勿在姓名字段中使用关键字。让我们进行一次个人化且有意义的对话。

关于“使用 GTM 设置购物车废弃推送通知”的 4 条评论

  1. 这篇帖子缺少代码本身的截图。在结尾处,您提到“然后在您的 GTM 仪表板中创建带有废弃购物车代码的代码,并将 dataLayer 变量添加到其中,您可以在下面的示例中看到。”但没有提供示例。

    请提供一个示例标签设置的图片进行更新。

  2. 另外,我假设在某个时候我们需要将pushEngage脚本添加到自定义标签中?这部分可以在这篇帖子中更清楚地说明。

    谢谢,

在访客离开您的网站后与他们互动并挽留他们

通过难以忽略的推送通知,增加每次网站访问的价值。

  • 永久免费套餐
  • 轻松设置
  • 五星支持