1. Post content to your Facebook page

  2. Change the thumbnail image

  3. Add Facebook pixel tracking to your website

  4. Setup a Social / Facebook OG Image for Your Website


How do I post my content to Facebook Instant Articles?

Within PeopleVine, you can automatically push your blog posts to Facebook Instant Articles with one-click. But to get started, please follow these steps:

  1. Sign up for Facebook Instant Articles (if you haven't already done so).

  2. You will need to follow the publishing tools and guidelines first and submit at least 5 articles to Facebook before this feature is enabled.

  3. Connect Your Site to Facebook Instant Articles by adding the <meta> tag they provide

4. Copy this code and add it to the page layout of your website.
5. Now you need to post 5 articles and submit for approval by Facebook.
6. You can post to Facebook Instant Articles either upon creating a new blog post (check the box at the bootom) or on the blog article menu in the Control Panel, you will see a "Post to Facebook Instant Articles" button which will do the same.


Once Facebook approves you, you can then instantly post articles onto Facebook.com.

Please make sure you read through the entire setup for Facebook Instant Articles. You will need to setup the following first:

  • Setup a style that includes your logo

  • Post at least 5 articles

  • Submit for Review

Change the auto-generated Facebook thumbnail

When sharing content created with PeopleVine to Facebook, you may want to replace the default thumbnail image.

You can find out which image, if any, Facebook will pull for your link by testing the URL here.

Override the image (or lack thereof) that Facebook uses by setting the og:image tag.

Place the following code in the head data/meta data field of your page layout in PeopleVine (or in that of individual content pages) and replace <URL> with the URL for the desired image:

<meta property="og:image" content="<URL>" />

Add Facebook Pixel Tracking to Your Website - Step by Step Guide

Facebook will provide you with a pixel that enables you to track user activity on your website. When you generate the tracking pixel, you can install into your Peoplevine hosted website by following these steps:

  1. Login to the Peoplevine Control Panel

  2. Go to your website layout under Engage > Content > Layouts

  3. Identify your Facebook Pixel ID from the setup instructions they provided.


4. You will need to add your Facebook Pixel ID to each layout that you'd like to track (e.g. if you have a member portal too).

5. Once you save your layout, all page views will fire on this Facebook Pixel ID.

We also added support for tracking the following standard actions:

  1. Add payment info

  2. Add to cart

  3. Complete Registration as Member

  4. Contact

  5. Donate

  6. Find Location

  7. Initiate Checkout for Commerce

  8. Purchase for Commerce, Event Tickets

  9. Schedule Appointment/Reservation

Please note that if you replace our out of the box pages, you will need to add your own tracking back. You can see ohter options in Facebook's Article at https://www.facebook.com/business/help/402791146561655.

You can also leverage our customer exits (search "customer exits" in our help docs) to trigger custom events.

Setup a Social / Facebook OG Image for Your Website

You can override the out of the box OG images by adding the following code to the HEAD section of your page layout:

<!-- Facebook -->
<meta property="og:image" content="https://peoplevine.blob.core.windows.net/media/72/powered-by-pv-og.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="628" />

Replace the content link in the code to change the image.

To have Facebook refresh the image that was pulled, use the Facebook Scraper to fetch for a new image:
https://developers.facebook.com/tools/debug/

  • Insert the URL to your homepage

  • Click the "Debug" button

  • Click "Scrape Again" 2-3 times.

  • If the image is not showing, hit "Debug" again and then "Scrape Again" 2 more time

  • If the image won't refresh, the code was not place in the correct section or you can try clearing your browser cache and starting over.

Did this answer your question?