Follow

Facebook Share Preview Setup

Question

How can I control what the Facebook Share preview contains?

Answer

While the Social Media posts to some sites will use the Title defined in your template as the title of your post, others, such as Google+, use the Title defined in the Head of your HTML content. If you notice that the title of your post shows an error or unwanted text, define a title to display within your template. To do this, include the title you would like to display within the following tag:     <title>[TITLE]</title> For example:     <title>Special Offer from our Partners</title> Several networks also allow you customize the Title, Description and default Image to post by defining code in the Head of your HTML content.  To customize these tags, include the META tags at the top of your HTML template content. Each Social Network supports a different combination of tags, and each is noted next to the tag:     <head>       <meta name="title" content="[TITLE]">               //Digg, Facebook, MySpace       <meta name="description" content="[DESCRIPTION]">   //Digg, Facebook, MySpace, Google+       <link rel="image_src" href="[IMAGE_URL]">           //Digg, Facebook, MySpace, Google+, LinkedIn     </head> Facebook can also use the following specific META tags:     <head>        <meta name="og:title" content="[TITLE]">        <meta name="og:description" content="[DESCRIPTION]">        <meta name="og:image" content="[IMAGE_URL]">     </head> Where title is the [TITLE] to show in the preview, [DESCRIPTION] is the extra details to display, and [IMAGE_URL] is the fully qualified URL path of the default image to show in the preview.

These tags are case-sensitive.  While none of these items are required, if they are not used the system will choose other items from your Template when posting information to share.

NOTE: If you use Meta tags in the head of your HTML Template, make sure those items are not also defined in your Facebook share URL.

For example:

<a href="http://whatcounts.com/share?sna=fb&id=%%SUBSCRIBER_ID_TAG%%">

Not:

<a href="http://whatcounts.com/share?sna=fb&id=%%SUBSCRIBER_ID_TAG%%&ttl=My%20Title&url=http%3A%2F%2Fmyurl.com">

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk