Conditional Facebook Conversion Tracking for WordPress

Conditional Facebook Conversion Tracking for WordPress

 In Facebook

When you want to add conditional tracking / for your WordPress sites, the easiest option is actually to add it to WordPress template file called header.php

To locate header.php file you have 2 options, however, you should make sure that you are actually logged in to your web hosting account to locate header.php

Option 1 to Add the Facebook Conversion Tracking Code to WordPress

Web Hosting > File Manager > public_html > wp-content > themes > yourCurrentThemeName > header.php

When there, first right click and Download a backup copy. Then, Right click and choose Edit file

Locate the <head> portion before the closing of </head> portion and add any of the two sample codes below

Option 2 to Add the Facebook Conversion Tracking Code to WordPress

Although you could add the conditional conversion tracking code using the front-end of your website (its not suggested to follow this method because if something goes wrong, you’ll break your site).

Login to your WordPress site > Dashboard > Appearance > Editor > header.php (CTR+A copy what’s there and Paste it in Microsoft Notepad to keep a backup (this is important first step)

Sample Code to add and tweak IF you are using Contact Form 7 and want to track form submission

<!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '0000000000YourPixelCodeGoesHere0000'); fbq('track', "PageView"); <?php /* PageView fires everywhere Note: Pixel Helper may call out that you have multiple pixel events firing from the same page. The Pixel Helper expects a page to fire a pixel event on load, but by tying events to elements, such as a button, you are using an alternative solution that overturns the expected behavior. value: 5.99 can be changed according to your setup */ //this is the main domain front page if (is_front_page()) : ?> fbq('track', 'ViewContent', {content_name: 'ChangeTheNameToAnything', content_category: 'Viewed', value: 5.99, currency: 'USD' }); <?php endif; ?> <?php //all posts not paginated if (is_single() && !is_paged()) : ?> fbq('track', 'ViewContent', { content_name: 'ChangeTheNameToAnythingblogPosting', content_category: 'Viewed', value: 5.99, currency: 'USD'}); <?php endif; ?> <?php //a particular blogPost if (is_single('GivePermalinkOrIDofBlogPost')) : ?> fbq('track', 'Lead', { content_name: 'Courses', content_category: 'Viewed', value: 5.99, currency: 'USD'}); <?php endif; ?> <?php //particular Page if (is_page('GivePermalinkOrIDofPAGE')) : ?> fbq('track', 'Lead', {content_name: 'Plugins', content_category: 'Viewed', value: 5.99, currency: 'USD' }); <?php endif; ?> <?php //track search if ( is_search() ) : ?> fbq('track', 'Search', { search_string: '<?php echo esc_html( get_search_query( false ) ); ?>' }); <?php endif; ?> <?php //contact form 7 (change the page name if its different like is_page('contact-us') if( is_page('contact') ) : ?> document.addEventListener( 'wpcf7submit', function( event ) { fbq('track', 'Lead', {content_name: 'ContactForm', content_category: 'Viewed', value: 5.99, currency: 'USD' }); }, false ); <?php endif; ?> </script> <!--leave this end script here as it ends all WordPress conditionals--> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=0000000000YourPixelCodeGoesHere0000&ev=PageView&noscript=1" /> </noscript> <!-- DO NOT MODIFY --> <!-- End Facebook Pixel Code -->

Sample code to add WITHOUT Contact Form 7

<!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '0000000000YourPixelCodeGoesHere0000'); fbq('track', "PageView"); <?php /* PageView fires everywhere Note: Pixel Helper may call out that you have multiple pixel events firing from the same page. The Pixel Helper expects a page to fire a pixel event on load, but by tying events to elements, such as a button, you are using an alternative solution that overturns the expected behavior. value: 5.99 can be changed according to your setup */ //this is the main domain front page if (is_front_page()) : ?> fbq('track', 'ViewContent', {content_name: 'ChangeTheNameToAnything', content_category: 'Viewed', value: 5.99, currency: 'USD' }); <?php endif; ?> <?php //all posts not paginated if (is_single() && !is_paged()) : ?> fbq('track', 'ViewContent', { content_name: 'ChangeTheNameToAnythingblogPosting', content_category: 'Viewed', value: 5.99, currency: 'USD'}); <?php endif; ?> <?php //a particular blogPost if (is_single('GivePermalinkOrIDofBlogPost')) : ?> fbq('track', 'Lead', { content_name: 'Courses', content_category: 'Viewed', value: 5.99, currency: 'USD'}); <?php endif; ?> <?php //particular Page if (is_page('GivePermalinkOrIDofPAGE')) : ?> fbq('track', 'Lead', {content_name: 'Plugins', content_category: 'Viewed', value: 5.99, currency: 'USD' }); <?php endif; ?> <?php //track search if ( is_search() ) : ?> fbq('track', 'Search', { search_string: '<?php echo esc_html( get_search_query( false ) ); ?>' }); <?php endif; ?> </script> <!--leave this end script here as it ends all WordPress conditionals--> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=0000000000YourPixelCodeGoesHere0000&ev=PageView&noscript=1" /> </noscript> <!-- DO NOT MODIFY --> <!-- End Facebook Pixel Code -->

You can further customize these settings according to your own setup and business requirements. For example, if you wanted to track more pages, then it is just a matter of adding is_page(‘pageNameOrId’) just like the samples above.

What is Facebook Event Tracking & How to Install it to WordPress Site Video Lesson by RankYa

 

Create Custom Audiences & Create Conversion Campaigns

Head out to learn more using your facebook pixel because similar idea to Google AdWords retargeting, you can Re-Show-Ads = Re-Target for more Facebook related easy to understand videos tutorials, check out

Recent Posts

Leave a Comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

0

Start typing and press Enter to search

Facebook Marketing Tips for Small Business Owners