Facebook在按钮事件上跟踪像素

时间:2018-06-21 11:31:24

标签: javascript html facebook

我正在尝试在我的网站上设置一个Facebook跟踪像素。我需要在提交联系表格时触发该像素。我的联系表单在提交时不会重定向到新页面,因此我需要将像素放置为“在嵌入式操作中跟踪事件”。

这是facebook给我的片段:

<button id="submitButton">Generate lead</button>
<script type="text/javascript">
    $('#$submitButton').click(function() {
      insert_event_code_here;
      ...
</script>

这是我当前的按钮脚本:

<form role="form" method="post" id="contactForm">
    <!-- my form fields -->
    <div class="col-md-12">
        <button type="button" id="submit" name="submit" class="btn btn-primary pull-right control-submit">Send!</button>
    </div>

当用户单击“发送消息”按钮时,如何将这两位代码拼接在一起,以使工作的Facebook像素触发?

此外,facebook代码上显示“ insert_event_code_here;”的地方是什么?

非常感谢大家!

1 个答案:

答案 0 :(得分:0)

如果您只想跟踪按钮的单击,则可以使用类似https://developers.facebook.com/docs/marketing-api/audiences-api/pixel#inpageevents的示例代码来触发事件

<form role="form" method="post" id="contactForm">

<!-- my form fields -->

<div class="col-md-12">

<button type="button" id="submit" name="submit" class="btn btn-primary pull-right control-submit" onclick="fbq('track', 'Purchase');">Send!</button>

</div>