|
|
如果您愿意，我们先来谈谈退出意图弹出窗口的概念。 退出意图弹出窗口是一种使用 JavaScript 检测用户何时即将退出页面并向用户显示促销、折扣和活动的方法。 让我们看一个示例场景， 一位想买鞋的用户在我们的电子商务网站上查看了x品牌的产品，浏览了很多页面，当他准备离开我们的网站时，我们向该用户展示了一个弹出窗口，内容为“该产品有5％的折扣”购物篮中 x 品牌的产品。” 这一举动可能会吸引用户的注意力，甚至引发购物。 为了实现这个应用程序，我们需要检查用户的鼠标移动，如果光标到达页面的上部，则用户可能即将退出，此时我们可以显示一个弹出窗口。 如果我们考虑 sempeak 博客的这种设置，如果用户将鼠标移动到下面红色所示的区域，我们希望显示一个弹出窗口。
使用 GTM 退出意图 此时，我们将需要一些软件知识，但由于我将在本文中与您分享代码，因此您可以在自己的站点上复制并使用它们。 让我们一步步进行。 1 - 让我们用。它会发出这样的警报： 首先，我们来解 洪都拉斯 WhatsApp 号码列表 释一下这个值从何而来。 如果您转到任何站点上的开发人员工具并单击控制台选项卡，请输入以下代码： 如果输入 ，则每次鼠标在页面上移动时，鼠标位置的 x 和 y 值都会写入控制台。 使用 GTM 退出意图 我们立即测试一下，看看控制台上的结果。 使用 GTM 退出意图 我们在控制台看到鼠标的x轴和y轴的值，这里需要注意的一点是，写入到控制台的Y值随着用户向上移动页面而减小，即用户越接近，价值就会减少得越多。这就是为什么我们在上面的例子中给出了值。 让我们进入下一点， 2 - 让我们创建一个弹出窗口 您可以使用许多网站来实现此目的，您可以免费创建预先设计的弹出窗口。对于本文，我将从头开始创建它。
使用 GTM 退出意图 我在上面的代码块中创建了一个框，并在里面添加了一个示例图像。我给出了一个链接，这样当单击图像时，它将转到我们的页面，并且我还添加了一个关闭按钮，以便用户可以关闭弹出窗口。 弹出窗口如下所示： 使用 GTM 退出意图 如果我们成功完成了这两步，那么还剩下最后一步。 3 - 添加我们通过 GTM 创建的代码 为此，我们需要做的是登录到我们网站附加的 GTM 帐户，创建一个“自定义 html”标签，使用触发器自定义它将运行的页面，最后命名并保存。 对于此示例，我希望弹出代码适用于所有页面，这样当用户即将退出时，无论他们在哪个页面，我都可以显示一条消息。 使用 GTM 退出意图 我们保存更改，现在一切都准备好它。
|
|
发表于 2023-11-13 14:38:46