Hi all.
I am working on some code to randomly select og meta from a list of choices to change the website preview when you share a post on Facebook, so far it’s going well, the title and description are working and are random, the issue is the images aren’t displaying.
Using FB debugging i can see it is calling the correct images and the links to the images work, they are just not displayed when the URL is posted to FB.
My code so far
[code=php]<?php
$titles = array(‘title1’, ‘title2’, ‘title3’);
$images = array(‘http://portfolio.innofydesign.com/ogimage/1.jpg’, ‘http://portfolio.innofydesign.com/ogimage/2.jpg’, ‘http://portfolio.innofydesign.com/ogimage/3.jpg’);
$descriptions = array(‘description1’, ‘description2’, ‘description3’);
?>
[CODE]<meta property=”og:title” content=”<?php echo $titles[array_rand($titles)]; ?>” />
<meta property=”og:title” content=”<?php echo $titles[array_rand($titles)]; ?>” />
<meta property=”og:image” content=”<?php echo $images[array_rand($images)]; ?>” />
<meta property=”og:description” content=”<?php echo $descriptions[array_rand($descriptions)]; ?>”/>
<meta property=”og:image:width” content=”200″ />
<meta property=”og:image:height” content=”200″ />
Facebook debugger shows the preview as this (no errors)
[URL=”https://i.stack.imgur.com/CbkS8.png”]https://i.stack.imgur.com/CbkS8.png
Open Graph debugger shows
[URL=”https://i.stack.imgur.com/wujSd.png”]https://i.stack.imgur.com/wujSd.png
Sorry if i have missed anything, or i have this is the wrong place, getting this far on what i though was simple thing has been hard enough and any help will be greatly appreciated.