{"id":937,"date":"2020-06-02T11:49:36","date_gmt":"2020-06-02T03:49:36","guid":{"rendered":"https:\/\/manychat.com.hk\/?post_type=docs&p=937"},"modified":"2020-06-02T11:49:36","modified_gmt":"2020-06-02T03:49:36","password":"","slug":"%e3%80%90%e5%ae%a2%e6%88%b6%e5%88%86%e6%9e%90%e3%80%91manychat%e5%83%8f%e7%b4%a0","status":"publish","type":"docs","link":"https:\/\/manychat.com.hk\/en\/docs\/%e3%80%90%e5%ae%a2%e6%88%b6%e5%88%86%e6%9e%90%e3%80%91manychat%e5%83%8f%e7%b4%a0\/","title":{"rendered":"[Customer analysis] ManyChat pixels"},"content":{"rendered":"

Overview<\/strong><\/h2>\n

ManyChat Pixel allows you to record website events. You can copy some code strings to your website, set the events you want to track, and then store all the analysis in ManyChat.<\/p>\n

How it works<\/a><\/strong><\/h2>\n

ManyChat performs several steps to make Pixel work properly-it needs to collect data from external sources.<\/p>\n

    \n
  1. Create a button with an "open site" option to direct your subscribers to external resources.\n
      \n
    • From now on, every subscriber clicking this button will implicitly get an additional URL parameter named "mcp_token" (e.g.https:\/\/mysite.com\/?utm_source=manychat&utm_medium=cpa&mcp_token=12312314232yg123jh1g3j1g23u12y3<\/code>). MCP_token stores encrypted metadata to identify the subscriber and its subsequent operations on your website.<\/li>\n<\/ul>\n<\/li>\n
    • Install ManyChat Pixel (guide below). Now, because every page...<\/span><\/code>The block is usually shared between all pages, so you can install the script once on each website-although you are not sure, you can install the script on every page that triggers the event.<\/li>\n
    • Add the logging function to your website and pass it valid expected parameters (guidelines below).
      important! ! !<\/span>\u00a0 In order for the Pixel to start normally for the first time, you need the user to go from Messenger to the website where the Pixel is located. After completion, the user's session will be saved for 28 days. During this session, no matter when the user visits the Pixel website, no matter where he\/she comes from, an even number will be triggered.<\/strong><\/li>\n<\/ol>\n

      Install ManyChat Pixel<\/strong><\/h2>\n

      step 1<\/u><\/strong><\/p>\n

      Go to Automation \u2192 Pixel. You should see a piece of code:<\/p>\n

      <\/p>\n

      Step 2<\/u><\/strong><\/p>\n

      Copy the ManyChat Pixel code and add it to your website as shown below:<\/p>\n

      \n
      \n
      HTML<\/div>\n<\/div>\n
      <<\/span>head><\/span><\/span>...<\/span><<\/span>script src<\/span>=<\/span>\"<\/span>\/\/widget.manychat.com\/100949504624148.js\"<\/span><\/span> async<\/span>=<\/span>\"<\/span>async\"<\/span><\/span>><\/span><\/span><\/<\/span>script><\/span><\/span><\/<\/span>head><\/span><\/span><\/code><\/pre>\n
      important hint<\/span>: This part of the content is not available-you should copy one from the ManyChat account.<\/p>\n<\/div>\n
      Set up events on your website<\/strong><\/h2>\n
      ManyChat Pixel supports two types of events: Conversion events and Money events. To "trigger" an event, you should use the correct built-in function and pass its expected parameters.<\/p>\n
        \n
      1. window.MC_PIXEL.fireLogMoneyEvent()<\/span><\/code>\u00a0 Accepts 3 parameters: event name, event weight and currency (you can ignore this parameter-then ManyChat will'USD'<\/code>Used as the default value). The functions to be used will look like this:window.MC_PIXEL.fireLogMoneyEvent('my_book_purchase', 10.7, 'EUR')<\/span><\/code>. Therefore, you will tell ManyChat to record that your subscriber just bought something for 10.7 euros. You can use an existing event name or type in a new event name-in this case, ManyChat will create a new event name.<\/li>\n
      2. window.MC_PIXEL.fireLogConversionEvent()<\/span><\/code>The only parameter accepted: the event name. The functions to be used will look like this:window.MC_PIXEL.fireLogConversionEvent('buy_button_clicked')<\/span><\/code>. In this way, ManyChat will know that something has happened on your website-for example, a visitor has clicked certain buttons or links. You can use an existing event name or type in a new event name-in this case, ManyChat will create a new event name.<\/li>\n<\/ol>\n
        example<\/strong><\/p>\n
        Add some events to record! There are two common methods for recording events: when a visitor loads a page (such as "successful payment page") or clicks a button\/link (such as "read more" or "buy").<\/p>\n
        Page load log event complete<\/u><\/p>\n
        \n
        \n
        HTML<\/div>\n<\/div>\n
        <\/span><<\/span>body onload<\/span>=<\/span>\"<\/span>window.MC_PIXEL.fireLogMoneyEvent('<\/span>my_book_purchased'<\/span>, 10.7, '<\/span>EUR'<\/span>)\"<\/span><\/span>><\/span><\/span>...<\/<\/span>body><\/span><\/span><\/code><\/pre>\n

        Log events, when visitors click certain buttons or links<\/u><\/p>\n
        \n
        \n
        HTML<\/div>\n<\/div>\n
        <\/span><<\/span>button onclick<\/span>=<\/span>\"<\/span>window.MC_PIXEL.fireLogConversionEvent('<\/span>buy_button_clicked'<\/span>)\"<\/span><\/span>><\/span><\/span>...<\/<\/span>button><\/span><\/span><\/span><<\/span>a href<\/span>=<\/span>\"<\/span>#\"<\/span><\/span> onclick<\/span>=<\/span>\"<\/span>window.MC_PIXEL.fireLogConversionEvent('<\/span>buy_button_clicked'<\/span>)\"<\/span><\/span>><\/span><\/span>...<\/<\/span>a><\/span><\/span><\/code><\/pre>\n

        Log several events<\/u><\/p>\n<\/div>\n<\/div>\n
        \n
        \n
        HTML<\/div>\n<\/div>\n
        <\/span><<\/span>body><\/span><\/span>  <\/span>  <<\/span>script><\/span><\/span>    function<\/span> myLogger<\/span>(<\/span>)<\/span> {<\/span>      window.<\/span>MC_PIXEL.<\/span>fireLogConversionEvent<\/span>(<\/span>'buy_button_clicked'<\/span>)<\/span>;<\/span>      console.<\/span>log<\/span>(<\/span>'test'<\/span>)<\/span>;<\/span>      alert<\/span>(<\/span>'test'<\/span>)<\/span>;<\/span>    }<\/span>  <\/span><\/<\/span>script><\/span><\/span>  <\/span>  <<\/span>button onclick<\/span>=<\/span>\"<\/span>myLogger()\"<\/span><\/span>><\/span><\/span>  ...  <\/<\/span>button><\/span><\/span><\/<\/span>body><\/span><\/span><\/code><\/pre>\n<\/div>\n
        comment<\/strong><\/h2>\n
        The brief description above-all the information you need to get started quickly. Of course, there are many ways to use our Pixel (or better known as SDK)-for example, you can call this function from your own function to convert the data, and then trigger it in ManyChat. However, this story is another topic.<\/p>","protected":false},"excerpt":{"rendered":"
        Overview ManyChat Pixel allows you to record website events. You can copy some code strings to your website, set up the events to track, [\u2026]<\/p>","protected":false},"author":20,"featured_media":0,"template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"%%post_title%%","_seopress_titles_desc":"","_seopress_robots_index":"","_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_eb_attr":"","_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"footnotes":""},"doc_category":[47],"doc_tag":[],"class_list":["post-937","docs","type-docs","status-publish","hentry","doc_category-manychat-advance"],"year_month":"2026-04","word_count":335,"total_views":"4068","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Michelle","author_nicename":"michelle","author_url":"https:\/\/manychat.com.hk\/en\/author\/michelle\/"},"doc_category_info":[{"term_name":"ManyChat Advance","term_url":"https:\/\/manychat.com.hk\/en\/docs-category\/manychat-advance\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs\/937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/users\/20"}],"version-history":[{"count":2,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs\/937\/revisions"}],"predecessor-version":[{"id":1032,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs\/937\/revisions\/1032"}],"wp:attachment":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/media?parent=937"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/doc_category?post=937"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/doc_tag?post=937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}