• Skip to main content
  • Skip to primary sidebar

WordPress, Genesis Framework and Storefront customization tutorials

  • Archive
    • Genesis
    • WooCommerce
    • WordPress
  • Premium
  • Blog
  • About
    • Tools I Use
  • Contact
  • Login
Home » facebook

facebook

Add custom og:image with customizer if latest post is set to the front page

2020-03-19 by Gabor Leave a Comment

// =========================================================================
// ADD OPEN GRAPH IMAGE UPLOAD OPTION TO CUSTOMIZER
// =========================================================================
function og_image_customize_register( $wp_customize ) {
 
    // Add Settings
    $wp_customize->add_setting('customizer_setting_og_image', array(
        'transport'         => 'refresh',
    ));
 
    // Add Section
    $wp_customize->add_section('og_section', array(
        'title'             => __('Open Graph image', 'name-theme'), 
        'priority'          => 70,
    ));    
 
    // Add Controls
    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'customizer_setting_og_image', array(
        'label'             => __('Add Open Graph image', 'name-theme'),
        'section'           => 'og_section',
        'settings'          => 'customizer_setting_og_image',    
    )));
}
add_action('customize_register', 'og_image_customize_register');

// =========================================================================
// HOOK THE OG IMAGE INTO THE HOME PAGE
// ========================================================================= 
function add_og_image_to_homepage() { 
    if(is_front_page()){
        $og_image = esc_url( get_theme_mod( 'customizer_setting_og_image' ) );
        echo '<meta property="og:image" content="'.$og_image.'" />';
    }
 } 
add_action('wp_head', 'add_og_image_to_homepage');

Filed Under: WordPress Tagged With: facebook, ogimage

Add Facebook Pixel to wp_head

2019-03-25 by Gabor Leave a Comment

// =========================================================================
// ADD FACEBOOK PIXEL TO WP_HEAD
// =========================================================================
function add_facebook_pixel() { ?>
   <!-- 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', 'xxxxxxxxxxx');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id=xxxxxxxxxxx&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Facebook Pixel Code -->
<?php } 
add_action('wp_head', 'add_facebook_pixel');


// =========================================================================
// ADD FACEBOOK CONVERSION EVENT SNIPPET TO THANK YOU PAGE
// =========================================================================
function conversion_tracking_thank_you_page() { ?>
    <script>
        fbq('track', 'Purchase');
    </script>';
<?php }
add_action( 'woocommerce_thankyou', 'conversion_tracking_thank_you_page' );

Filed Under: Free Content, WordPress Tagged With: facebook, pixel

Primary Sidebar

  • Facebook
  • GitHub
  • Instagram
  • LinkedIn
  • Twitter
  • YouTube
WP Rocket - WordPress Caching Plugin
UpdraftPlus Premium

Disclosure: Some of the links in this site are affiliate links. I will be paid a commission if you use this link to make a purchase.

  • Privacy Policy
  • Flames Design
© 2021 WP Flames - All Right Reserved