Conditional Facebook Conversion Tracking for WordPress

Facebook Training Course Introduction

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

72 / 259 Malvern Rd Melbourne Australia 3141

+61421600702 $$

Author: RankYa

RankYa: Online Entrepreneur, Web Developer, Google AdWords and Google Analytics Certified Professional. Specialist in: SEO, Website Optimization, WordPress, Structured Data, JSON-LD, Microdata, Microformats, RDF, Schema.org Vocabulary, HTML5, Advanced Image Optimization, Google Webmaster Tools, Google Webmaster Guidelines, Social Media Marketing, Facebook marketing and YouTube video ranking mastery.

Thank you for sharing this blog post. Description: 'Conditional Facebook Conversion Tracking for WordPress including sample codes for WordPress header.php file and Contact Form 7 Form Submit tracking'