Page 1 of 1

Social media preview picture

Posted: Wed Aug 14, 2013 1:50 am
by DDiCarlo
Hi all,

This is along the same lines as the last social media question, but what I am trying to do is to share a url to a pano and have a picture associated with the share. To demonstrate the point, I shared a regular URL (facebook link preview) and then one of my panos (my pano share). You can see that the normal url preview automatically pulls a picture into the share, whereas the pano link does not. How would I associate a screenshot with the share of my pano pages? It is much more effective to have a picture posted with the link. Without a picture, I get probably half as much traffic.

Thanks,
Dean
facebook link preview.JPG
facebook link preview.JPG (21.78 KiB) Viewed 5336 times
my pano share.JPG
my pano share.JPG (24.67 KiB) Viewed 5336 times

Re: Social media preview picture

Posted: Wed Aug 14, 2013 5:14 am
by hum@no.id
This will obviously depend on your service (hosting) where you place upload of panoramas.
Ability to finding, sucking and create thumbs to Facebook
https://www.google.com/maps/views/view/ ... 02f2?gl=us

Re: Social media preview picture

Posted: Wed Aug 14, 2013 6:52 am
by DDiCarlo
I don't understand. It must have something to do with the HTML template within pano 2vr, right? Does Facebook just look for a picture on the page and since in the default template there aren't any, it doesn't have anything to add? Is there a way to attach a picture by modifying the template but not actually have it show up on the actual page?

Re: Social media preview picture

Posted: Wed Aug 14, 2013 9:40 am
by jobes
Easiest way is to add a transformation when published from Pano2VR, and output a small preview image in whichever projection setting you think will be best… little planet, equirect or rectilinear are all a good start. Then, when you publish the URL, simply add a JPEG of the above image to your post

It's a workaround as FB isn't always great at correctly ID'ing the right image to associate with a URL… and even when it does, it'll put it inside a box. This way you get a bigger picture which hopefully catches people's eyes better.

Re: Social media preview picture

Posted: Wed Aug 14, 2013 11:52 am
by SebastianS
You have to add some html Code in the Headerpart of your Website.
Here is a working Example for you:
http://www.schmuttermaier.com/panoramen ... index.html

Code: Select all

<link rel="image_src" href="http://www.schmuttermaier.com/panoramen/berge/ettalermanndl/gipfel1/fb-preview.jpg" />
<meta property="og:image" content="http://www.schmuttermaier.com/panoramen/berge/ettalermanndl/gipfel1/fb-preview.jpg" />
The Facebook preview Image should be 100px X 100px Dimension:

Image

Regards
Sebastian

Re: Social media preview picture

Posted: Wed Aug 14, 2013 2:06 pm
by DDiCarlo
Thanks so much, Sebastian!

Re: Social media preview picture

Posted: Sat Aug 17, 2013 4:34 am
by DDiCarlo
Hi Sebastian,

Is there a way to modify the header code you gave me to include a description? When I used the lines you gave me, if just repeats the URL twice, but it would be nice to put a short description of what someone will find when they go to the URL.

Thanks again!
Dean
grunten fbpreview.JPG
grunten fbpreview.JPG (26.17 KiB) Viewed 5278 times

Re: Social media preview picture

Posted: Tue Aug 20, 2013 3:28 pm
by SebastianS
Add a <title> Attribut in the Header Section of the HTML Document. Facebook (for Example) will use this to create a Headline.

Code: Select all

<title>Servus in Allgäu</title>
Habadieehre
Sebastian

Re: Social media preview picture

Posted: Wed Aug 21, 2013 8:55 am
by DDiCarlo
I guess I am really showcasing my lack of HTML skills - Danke schön, Sebastian!