1 Topic by fb

  • fb
  • Member
  • Offline
  • Registered: 2014-10-16
  • Posts: 2

Topic: Preview image when sharing links on Facebook [SOLVED]

When I copy/paste a link to a Juicebox gallery in a Facebook post - say your demo gallery http://www.juicebox.net/demos/pro/full/ - there is no preview image showing up. Just the text:

Juicebox-Pro Full Browser Demo
Showing autoPlay, music, watermarking, back button and direct linking support.
WWW.JUICEBOX.NET

Can you add support for Facebook Open Graph "og:image" property in an HTML meta tag, and define an image - say the first in the gallery - for this property? More at https://developers.facebook.com/docs/op … properties

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Preview image when sharing links on Facebook [SOLVED]

There are no Open Graph tags in the demo gallery you quoted but JuiceboxBuilder-Pro already supports this.

When you create a Juicebox-Pro gallery with JuiceboxBuilder-Pro, Open Graph tags are included in the gallery's 'index.html' file.
The tags will looks something like this.

<!-- START OPEN GRAPH TAGS-->
<meta property="og:title" content="Gallery Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="Share Url" />
<meta property="og:image" content="Share Url/images/IMG_1116.jpg" />
<meta property="og:description" content="Gallery Description" />
<!-- END OPEN GRAPH TAGS-->

og:title uses the Gallery Title ('Customize -> Lite').
og:url uses the Share Url ('Customize -> Sharing').
og:image uses the Share Url and appends the relative path to the first image in the gallery.
og:description uses the Gallery Description ('Customize -> General').

3 Reply by fb

  • fb
  • Member
  • Offline
  • Registered: 2014-10-16
  • Posts: 2

Re: Preview image when sharing links on Facebook [SOLVED]

Thanks