That makes sense. And I think you are right, it looks like Reddit is
also paying attention to og:image [1].
The reason JFrog gets chosen is because its actual image size is huge
(but it comes with the size CSS attributes to make it look like a normal
size.)
So I think the solution is:
1. create a even bigger Jenkins image and link it from the template
(but make it invisible to the browser.)
2. install opengraph meta tag plugin [2] to Drupal so that blog posts
can choose images to go out as og:image.
[1] https://github.com/reddit/reddit/blob/master/r2/r2/lib/scraper.py
[2] http://drupal.org/project/opengraph_meta
On 09/21/2012 04:28 PM, Bruno P. Kinoshita wrote:
Hi,
I recently worked on a web site with a requirement of displaying the right
image on FaceBook. When you share a page in facebook, it tries to get the
website image from the following html meta tag:
<meta property="og:image" content="http://<url>/images/icon-facebook.gif"; />
There are other meta tags used too (check Open Graph [1] for more), like:
<meta property="og:title" content="bla bla" />
<meta property="og:site_name" content="bla bla bla" />
I think there are other meta tags that were (or still are) used too, but these
seem to work.
If these tags are not available, FB tries to get some images available in the
page, but sometimes it misses one or two images. I shared
www.reddit.com/r/jenkinsci, and although I could select different images, the
Jenkins logo wasn't available.
I took a look at a subreddit where I'm moderator to see if there was something
in the settings, but couldn't find anything to include these meta tags.
So here's a (dirty) trick for changing the image that is displayed on Facebook:
- Go to FaceBook and paste http://www.jenkins-ci.org (or a web site with
image/tags that you want to display)
- Wait for FaceBook to load the images from the website and select the butler
headshot (or one of your preference)
- Delete the web site address and now paste the right content
- Post it
You can also create a web page somewhere with the right OpenGraph tags for
displaying the description/content/url etc, pointing to the post in
r/jenkinsci. It's dirty and ugly, but it works :-/
Hope that helps,
[1] http://ogp.me/
Bruno P. Kinoshita
http://kinoshita.eti.br
http://tupilabs.com
________________________________
From: Lisa Wells <[email protected]>
To: [email protected]
Cc: Bruno P. Kinoshita <[email protected]>
Sent: Friday, 21 September 2012 7:16 PM
Subject: Re: http://www.reddit.com/r/jenkinsci/
The JFrog image appears to come up whenever jenkins-ci.org is cited. I posted
this link and it still has the JFrog image:
http://jenkins-ci.org/content/come-join-jenkins-user-conference-san-francisco-september-30th
Maybe Reddit is pulling from the sponsor logos on the blog page?
L
On Fri, Sep 21, 2012 at 5:08 PM, Kohsuke Kawaguchi <[email protected]>
wrote:
On 09/21/2012 01:11 PM, Bruno P. Kinoshita wrote:
Hi Lisa! Great idea.
+1 to using reddit, and +1 to adding a section on the jenkins-ci.org with
r/jenkinsci posts
I have a suspicion that rtyler had set up some kind of automatic reddit posting
from @jenkinsci. I'm how he did it.
The other thing I noticed is that posts like [1] gets JFrog logo as the image.
I'm a fan of what they do and all, but is there any way we can convince Reddit
to pick up a Jenkins logo as the default image?
[1]
http://www.reddit.com/r/jenkinsci/comments/yy0vv/volunteers_needed_for_juc_sf/
--
Kohsuke Kawaguchi | CloudBees, Inc. | http://cloudbees.com/
Try Nectar, our professional version of Jenkins
--
Lisa Wells
Marketing Bee
www.CloudBees.com | Blog.CloudBees.com | +1 512.751.8423 | @productprincipl
--
Kohsuke Kawaguchi | CloudBees, Inc. | http://cloudbees.com/
Try Nectar, our professional version of Jenkins
