Share 360 view to Facebook

knuthon · March 28, 2018 at 10:24 AM

Hi all,

I have built a HTML5 web contain a 360 view, is that possible to share this 360 view to Facebook with hotspot? Found that some articles said is better to share it as SWF object, if true, may I know how can I generate a SWF file dynamically in server in order for sharing to FB? Please advise if I am on the right direction.

Thanks for advance

Konstantine · March 29, 2018 at 4:50 PM

It's possible. And not only swf (so better not to do). You need to use a plugin for FB Static Tabs from WOOBOX.

knuthon · April 4, 2018 at 6:37 AM

Thanks for reply. Instead of using external library, can I use a dynamic HTML+PHP code to share FB?

Tried:

Code

<meta content="VIRTUAL_TOUR_TITLE | Virtual tour generated by Panotour and Livepano" property="og:title"></meta><meta content="VIRTUAL_TOUR_DESCRIPTION" property="og:description" /></meta><meta content="AUTHOR_NAME" name="Author"></meta><meta content="COPYRIGHTS" name="copyright"></meta>
<meta content="http://URL/PATH/VIRTUAL_TOUR_NAME.html" name="url"></meta><meta content="http://URL/" property="og:site_name"></meta><meta content="PATH/" name="directory"></meta><meta content="http://URL/PATH/VIRTUAL_TOUR_NAME.html" property="og:url"></meta><meta content="article" property="og:type"></meta>
<link href="http://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/thumbnail.jpg" rel="image_src"></link><meta content="http://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/thumbnail.jpg" property="og:image"></meta><meta content="https://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/thumbnail.jpg" property="og:image:secure_url"></meta>
<meta content="http://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/VIRTUAL_TOUR_NAME.swf?xml=http://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/VIRTUAL_TOUR_NAME.xml" property="og:video"></meta><meta content="https://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/VIRTUAL_TOUR_NAME.swf?xml=https://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/VIRTUAL_TOUR_NAME.xml" property="og:video:secure_url"></meta><meta content="application/x-shockwave-flash" property="og:video:type"></meta>      <meta content="480" property="og:video:height"></meta><meta content="640" property="og:video:width"></meta>

But no lucky, anything missed?

Participate now!