【客户分析】ManyChat像素

总览 #

ManyChat Pixel允许您记录网站事件。您可以将一些代码字符串复制到您的网站，设置要跟踪的事件，然后将所有分析存储在ManyChat中。

怎么运行的 #

ManyChat执行几个步骤来使Pixel正常工作-需要从外部资源收集数据。

  1. 创建带有“打开网站”选项的按钮，以将您的订户定向到外部资源。
    • 从现在开始，每个订阅者单击此按钮都将隐式获得一个名为“ mcp_token”的附加URL参数（例如https://mysite.com/?utm_source=manychat&utm_medium=cpa&mcp_token=12312314232yg123jh1g3j1g23u12y3）。 MCP_token存储加密的元数据，以识别该订户及其在您网站上的后续操作。
  2. 安装ManyChat Pixel（下面的指南）。如今，由于每个页面<head>...</head>通常在所有页面之间共享该块，因此您可以在每个网站上一次安装脚本-尽管您不确定，可以将脚本安装到触发事件的每个页面上。
  3. 将日志功能添加到您的网站，并向其传递有效的预期参数（以下指南）。
    重要！ ！ ！  为了使Pixel第一次正常启动，您需要用户从Messenger转到Pixel所在的网站。完成后，该用户的会话将保存28天。在该会话期间，无论此使用何时访问Pixel网站，无论他/她来自哪里，均会触发偶数。

安装ManyChat Pixel #

步骤1

转到自动化→像素。您应该看到一段代码：

第2步

复制ManyChat Pixel代码并将其添加到您的网站，如下所示：

的HTML
<head>...<!-- ManyChat --><script src="//widget.manychat.com/100949504624148.js" async="async"></script></head>

重要提示：这部分内容无法使用-您应该从ManyChat帐户中复制一个。

在您的网站上设置活动 #

ManyChat Pixel支持两种类型的事件：Conversion事件和Money事件。要“触发”事件，您应该使用正确的内置函数并传递其预期参数。

  1. window.MC_PIXEL.fireLogMoneyEvent()  接受3个参数：事件名称，事件权重和货币（您可以忽略此参数-则ManyChat将'USD'用作默认值）。准备使用的功能将如下所示：window.MC_PIXEL.fireLogMoneyEvent('my_book_purchase', 10.7, 'EUR')。因此，您将告诉ManyChat记录您的订户刚刚以10.7欧元的价格买了东西。您可以使用已经存在的事件名称或键入一个新的事件名称-在这种情况下，ManyChat将创建一个新的事件名称。
  2. window.MC_PIXEL.fireLogConversionEvent()接受唯一的参数：事件名称。准备使用的功能将如下所示：window.MC_PIXEL.fireLogConversionEvent('buy_button_clicked')。这样，ManyChat就会知道，您的网站上发生了某些事情-例如，访客单击了某些按钮或链接。您可以使用已经存在的事件名称或键入一个新的事件名称-在这种情况下，ManyChat将创建一个新的事件名称。

例子

添加一些事件进行记录！记录事件有两种常用的方法：访问者加载某个页面（例如“成功的付款页面”）或单击某个按钮/链接（例如“阅读更多”或“购买”）时。

页面加载日志事件完成

的HTML
<!-- This syntax will fire event after page is loaded completely --><body onload="window.MC_PIXEL.fireLogMoneyEvent('my_book_purchased', 10.7, 'EUR')">...</body>


记录事件，当访客单击某些按钮或链接时

的HTML
<!-- This syntax will fire event after visitor clicks the button --><button onclick="window.MC_PIXEL.fireLogConversionEvent('buy_button_clicked')">...</button><!-- This syntax will fire event after visitor clicks the link --><a href="#" onclick="window.MC_PIXEL.fireLogConversionEvent('buy_button_clicked')">...</a>


记录几个事件

的HTML
<!-- Sometimes you may need to log several events, when something happens (e.g. send events to several 3d party systems). Then you should create new functionto incapsulate several methods and use it  --><body>  <!-- This script will create function "myLogger()"       which will make 3 things when called:       1. Fire event in ManyChat      2. Write word "test" in console (look in DevTools-Console)      3. Show a modal window with word "test"   Of course, you can alter this code to fire several events-->  <script>    function myLogger() {      window.MC_PIXEL.fireLogConversionEvent('buy_button_clicked');      console.log('test');      alert('test');    }  </script>  <!-- Here you declare calling "myLogger()" function when button is clicked -->  <button onclick="myLogger()">  ...  </button></body>

评论 #

上面的简要说明-快速入门所需的全部信息。当然，有很多方法可以使用我们的Pixel（或更好地称为SDK）-例如，您可以从自己的函数中调用此函数来转换数据，然后再在ManyChat中触发它。但是，这个故事是另一个话题。

您的感觉是什么