{"id":120764,"date":"2023-06-28T17:16:56","date_gmt":"2023-06-28T11:46:56","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&#038;p=120764"},"modified":"2023-06-29T15:15:59","modified_gmt":"2023-06-29T09:45:59","slug":"track-custom-facebook-events-with-elementor","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/track-custom-facebook-events-with-elementor\/","title":{"rendered":"How to Track Custom Facebook Events With Elementor?"},"content":{"rendered":"\n<p>Are you looking to track custom events on your Elementor website using Facebook Pixel? With the Event Tracker extension of The Plus Addons for Elementor, you can easily implement and track custom Facebook events tailored to your specific needs.<\/p>\n\n\n\n<p>Tracking custom events allows you to gain deeper insights into user interactions, measure specific actions, and optimise your marketing efforts. Whether it&#8217;s tracking button clicks, form submissions, video views, or any other custom action, the Event Tracker extension of The Plus Addons for Elementor, provides the flexibility to set up and monitor these events effortlessly.<\/p>\n\n\n\n<p><em>To check the complete feature overview documentation of The Plus Addons for Elementor Event Tracker extension, <a href=\"\/docs\/event-tracker-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a>.<\/em><\/p>\n\n\n\n<p><strong><em>Requirement&nbsp; &#8211; This extension is a part of The Plus Addons for Elementor, make sure it&#8217;s installed &amp; activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/plus-extras\/conversion-event-tracker-in-elementor?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: To track Facebook custom events on your Elementor website, you must have Facebook pixels installed on your website.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>Once you\u2019ve added your Facebook pixel id, you can use buttons, forms or any custom links to track events. So, for instance, add a button widget on the page.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Track a Facebook PIXEL Event Button Clicks in Elementor\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/-Yh_caTUU5Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>1. Go to <strong>Advanced<\/strong> &gt; <strong>Plus Extras : Events Tracker<\/strong>.&nbsp;<\/p>\n\n\n\n<p>2. Turn on the <strong>Facebook Pixel<\/strong> toggle.<\/p>\n\n\n\n<p>3. In the <strong>Event Type<\/strong> dropdown, select <strong>Custom<\/strong>.<\/p>\n\n\n\n<p>4. In the <strong>Event Value<\/strong> field, you have to add the custom event name.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"864\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/event-tracker-add-custom-facebook-event.png\" alt=\"event tracker add custom facebook event\" class=\"wp-image-120809\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/event-tracker-add-custom-facebook-event.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/event-tracker-add-custom-facebook-event-104x300.png 104w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p>5. To check the event, install the <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/meta-pixel-helper\/fdgfkebogiimcoedlicjlajpkdmockpc\" target=\"_blank\" rel=\"noreferrer noopener\">Meta Pixel Helper<\/a> Chrome extension.&nbsp;<\/p>\n\n\n\n<p>6. Open the page in Chrome and then click the Meta Pixel Helper icon you\u2019ll see the default PageView event.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"979\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-custom-event-pageview.gif\" alt=\"facebook custom event pageview\" class=\"wp-image-120766\"\/><\/figure>\n\n\n\n<p>7. Then click the button and again click the Meta Pixel Helper icon. Now you\u2019ll see the Custom event along with the PageView event.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"963\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-custom-event.gif\" alt=\"facebook custom event\" class=\"wp-image-120767\"\/><\/figure>\n\n\n\n<p>8. After a few minutes, you\u2019ll be able to see the event showing up in the Events Manager section on Facebook.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/1zpK3jz6seLboDbYqCX6R8T5e5upG9ra5qkk6gExmMh0kBxItSeBqrL7FeP8LB07FVb8GqSBS0fIjeP42JMc3FQEa5kSXhBzRsSnQVJ6zK6Pn83ZnZ3-9ZCG-TbuajcBuiDIT__IqdSvls1gbThT-n4\" alt=\"\"\/><\/figure>\n\n\n\n<p>Also, read <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/track-custom-google-analytics-events-with-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Track Custom Google Analytics 4 Events With Elementor<\/a>.<\/p>\n","protected":false},"author":25,"featured_media":120769,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[568,525],"class_list":["post-120764","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-event-tracker","docs-plus-extras"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=120764"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120764\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/120769"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=120764"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=120764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}