Pixel On Blog Homepage

Hey Anthony,

Inserting FCP code on the blog/home page isn’t currently supported by this plugin, but if you want a quick and easy solution, you can do the following:

1. Paste the code below into a text editor (notepad on Windows, TextEdit on Mac, etc.) and replace the “PASTE CONVERSION PIXEL CODE HERE” text with the conversion pixel code you want to use.
2. Save the text file as “facebook-conversion-pixel-for-blog-page.php” and upload it to the wp-content/plugins folder on your website, where all the plugins live.
3. From the Dashboard, go to Plugins > Installed plugins and activate the plugin.
4. Let the good times roll! And, please give my plugin a 5 star review if you found it (and me) to be helpful ?? Thanks!

<?php
/*
Plugin Name: Add Facebook Conversion Pixel to Blog Page
Description: Add Facebook Conversion Pixel to Blog Page
Version: 1.0
Author: Kellen Mace
Author URI: https://kellenmace.com/
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

function fb_pxl_insert_code_on_blog() {
if ( is_home() ) {
$fb_pxl_code = “

PASTE CONVERSION PIXEL CODE HERE

“;
echo $fb_pxl_code;
}
}
add_action( ‘wp_head’, ‘fb_pxl_insert_code_on_blog’ );
?>

thank you!

Hi Kellen

It doesn’t seem to be working…I uploaded it as an extra file in the Facebook conversion pixel section of website backend..

Here is what it looks like- can you take a look to see if you think this looks correct?

[ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

{\rtf1\ansi\ansicpg1252\cocoartf1347\cocoasubrtf570
{\fonttbl\f0\froman\fcharset0 Times-Roman;}
{\colortbl;\red255\green255\blue255;\red52\green52\blue52;}
\paperw11900\paperh16840\margl1440\margr1440\vieww10800\viewh8400\viewkind0
\deftab720
\pard\pardeftab720

\f0\fs30 \cf2 \expnd0\expndtw0\kerning0
function fb_pxl_insert_code_on_blog() \{\
if ( is_home() ) \{\
$fb_pxl_code = "\
<!-- 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','//connect.facebook.net/en_US/fbevents.js');\
\
fbq('init', '827830000658295');\
fbq('track', 'PageView');\
</script>\
<noscript><img height="1" width="1" style="display:none"\
src="https://www.facebook.com/tr?id=827830000658295&ev=PageView&noscript=1"\
/></noscript>\
<!-- End Facebook Pixel Code -->";\
echo $fb_pxl_code;\
\}\
\}\
add_action( 'wp_head', 'fb_pxl_insert_code_on_blog' );\
?>\
\
}

Hey Anthony,

In order for that to work, it has to be in your plugins folder. If it’s nested inside of one of the other plugin’s folders (including FCP) then it won’t work.

Hope that helps out. Then if you want to make sure it’s working after that, I recommend using the FB Pixel Helper extension for Chrome: https://chrome.google.com/webstore/detail/fb-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc?hl=en

Marking as resolved.

Hi Kellen,

I installed the plugin on our site and everything seems to be working fine on posts and pages, but when I try to do the workaround you outline in this thread to incorporate the FCP on the homepage I get a fatal error when I try to activate it. The error says that there’s an error on line 25 of the code, which is part of the FCP code, but it’s in the file exactly the same way that it’s being used on posts and pages so I’m not sure where things are going wrong. Do you have any advice or suggestions?

Thanks in advance,
Matt

Hi Matt,

I just visited your site, and it looks like you got it working – I can see the FB code if I view the source code of your homepage. Nice work ??