Websites sind eine jederzeit leicht verfügbare Quelle für Information für Interessenten. Nutzen Sie deren Interesse ...

Lab5 Mobile Videos Module

Lab5 - Webdesign Schweiz

Blog

Facebook's Share Link Image

This article is for those, who want to know, how to make the "share" mechanism on facebook to show up a predefined image. Something like this:
facebook_share_link_article_0

facebook_share_link_article_1

The findings are based upon my own experiences

and learnings, simply the results of my own resolving of this quest that i lately went throu. This also means: No warranties and/or whatsoever given : ) ...

 

The basic code is:

{geshihelper html}<link
rel="image_src" type="image/gif"
href="http://mydomain.com/images/stories/facebook/share_link_img.gif" />{geshihelper end}

 

The recommended code is:

{geshihelper php}<link
rel="image_src" type="image/gif"
href="http:///images/stories/facebook/share_link_img.gif" />{geshihelper end}

Note: You need php running on your site for this latter code to work!

 

Implementation and definition of HTML-code and image

 

Path

It seems, facebook preferes or expects an absolute path to the image !

 

Type of the Image

This seems to be crucial. The image-file seems to have to be of the type .gif -image, with alpha explicitly set to no transparency at all !

 

Size of the Image

What worked for me is images from up to 100x100 pixel in size. Didn't test upper-limits thou !

 

Mocking facebook's image-cache

This also is a crucial thing to take into accout, since facebook seems to cache the image itself and it wont turn to re-retrieve the de-facto file for quite a vast frame of time.
If it stumbles upon a link already visited, it wont even take a new glimpse, but use it's own sucked cache-copy of the image. That produces the following annoying situation, that even if you have altered your original image-file, facebook will keep on showing up it's cache-copy. And it seems to cache those for quite long.


Actually, the soloution to this is already implicitly been said: A new, unknown link facebook will look up.
And this is what we do : We present it a new, unique link, each time it comes across our site. We archive this by simply adding a GET-variable at the end of the link, carrying an unique value, which actually is the timestamp of the unix-time expressed in milliseconds. That will alter the 'total' appearance of the query-string ( the link ) enough for facebook to consider it as a new, unknown link.

Totally worked for me so far ^^

 

Several Images

I didn't quite find out yet, if there is any access to gaining controll over more than one single images.

It seems to me, several images only become an available option, if you let all decicion on facebook's side, not using any controlling technique at all.
Bit disappointing, but i think this attitude of facebook results in behaviour that contibutes to the security of their site.

If anyone has reliable information about, pls pls tell me. I'm looking forward to complete this article

Bookmark and Share

Kommentar schreiben


Sicherheitscode
Aktualisieren

Latest Releases online

Ment AG Shop + S...

Posted in Referenzen Web
6/06/12
MENT AG - Website + Onlineshop. Komplett-Redesign und Neukonzeptionierung des Internetauftritts. Webshop live Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS...

Hotel Spalentor ...

Posted in Referenzen Web
11/06/12
Redesign und Neukonzeptionierung der Website Hotel Spalentor. upcoming this month Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS...

Lab5 Mobile Vide...

Posted in Referenzen Web
14/03/12
Lab5 Mobile Videos - Player Module for Mobile Devices, Flash enabled and HTML5 no-Flash Browsers in particular. Lab5 Mobile Videos - Project Page Konzept, Design, Umsetzung/Programmierung PHP, ActionScript, HTML, JS/jQuery, CSS...

FASaC Invest AG

Posted in Referenzen Web
1/06/12
Erstauftritt der Firma FASaC Invest AG Anlageberatung und Vermögensverwaltung. fasac.ch Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS...

Facebook App - S...

Posted in Referenzen Web
4/08/11
Booking-Interface als App für Facebook, realisiert für das Hotel Spalentor Basel. SpalenBooking live auf Facebook Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS...

Produkt-Präsent...

Posted in Referenzen Web
19/07/11
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP...

Martin Feigenwin...

Posted in Referenzen Web
24/06/11
Website für den 2-maligen schweizer Olympiateilnehmer und Personalcoach Mertin Feigenwinter. CMS-basierte Site. feigenwinter.ch Grafisches Konzept, technische Umsetzung und Realisierung PHP, XML, mySQL, HTML, JS/jQuery, CSS, RSS...

DayDeals.ch

Posted in Referenzen Web
22/06/11
Volldynamisches DealPortal. Sammelt Daten über tagesaktuelle Angebote live aus dem Netz, verarbeitet und bereitet diese auf und bietet dem Besucher eine praktische Übersicht über die aktuellen Angebote. daydeals.ch Softwarekonzept, technische Umsetung und Programmi...

Hotel Senator 20...

Posted in Referenzen Web
8/02/11
Content-Management-System (Joomla!-CMS) -basierte Site, Bookinginterface für Zimmer- und Tischreservation. Wegen Inhaberübernahme des Hotels leider schon wieder offline, da in Site der Hotelkette integriert. senator.ch Grafisches Konzept, Projektleitung, technisc...

lifestyle-photog...

Posted in Referenzen Web
23/06/10
Website für eine Fotografin lifestylephotography.de Von A - Z ( Konzept bis fertig ) PHP, AS/Flash, HTML, IM, XML...

rodi Jeans Onlin...

Posted in Referenzen Web
23/06/10
Onlineshop rodijeans.ch Ideen, technische Lösung und Umsetzung PHP, HTML, JS, CSS, mySQL, AS/Flash, IM, XML, RSS...

Loftresraurant

Posted in Referenzen Web
22/06/10
Website für das moderne Basler Loftrestaurant. loftrestaurant.ch Grafisches Konzept, Projektleitung, technische Umsetzung. PHP, HTML, JS, CSS...

Damien Comment

Posted in Referenzen Web
6/06/12
Website des Künstlers Damien Comment. PHP, mySQL, HTML, JS/jQuery, CSS

Elektro Sahli Ri...

Posted in Referenzen Web
23/06/10
Redesign und Komplettüberarbeitung des Internetauftritts elektrosahli.ch Konzept, Design, Programmierung PHP, HTML, CSS, AS/Flash, JS...

Coiffeur Headqua...

Posted in Referenzen Web
10/07/10
Internetauftritt für Coiffeur Headquarters in Basel headquarters.ch Design, Konzept, Logo, Flash AS/Flash, HTML, PHP...

Hermann Geugis

Posted in Referenzen Web
1/06/12
Website Hermann Geugis allamusica.ch Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS...

Garage Jovi

Posted in Referenzen Web
10/07/10
Webseite garagejovi.ch Von A bis Z ( Konzept, Design, Umsetzung ) PHP, HTML, CSS, AS/Flash...

Marbot Catering

Posted in Referenzen Web
10/07/10
Konzept, Design, Umsetzung. Via Backend verwaltbar. marbotcatering.ch Konzept bis Umsetzung AS/Flash, PHP, XML, mySQL, HTML, CSS, RSS...

Chill Am Rhy Bas...

Posted in Referenzen Web
10/07/10
Speziell: Dynamische Konzeption. Administrator-Interface erlaubt schnelle Verwaltung der Event-Gallerie und der 'News'-Inhalte chillamrhy.ch Idee & Konzept, Design, Programmierung PHP, mySQL, HTML, CSS, AS/Flash...

Hotel Senator

Posted in Referenzen Web
10/07/10
Konzept, Design, Umsetzung. Beinhaltet umfassendes Admin-Backend senator.ch Konzept, Design, Umsetzung AS/Flash, PHP, XML, mySQL, HTML, IM, CSS, RSS...

Marc Rembold

Posted in Referenzen Web
10/07/10
Webseite des Kunstschaffenden Marc Rembold. Eine reine Flashsite marcrembold.com Ideen, Programmierung, technische Lösung und Umsetzung AS/Flash, XML, PHP, HTML...

Produkt-Präsent...

Posted in Referenzen Web
23/06/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP...

Caffe Barone

Posted in Referenzen Web
23/06/10
Caffe Barone. Hersteller baselbieter Fein-Kaffe-Mischungen und Guezle. Erster Webauftritt. caffe-barone.ch Idee & Konzept, Design, Programmierung PHP, AS/Flash, XML, HTML...

Braam's Café Re...

Posted in Referenzen Web
10/07/10
Speziell: Menueteil der Speisekarte wird per Administrator-Panel verwaltet. braams-restaurant.ch Idee & Konzept, Design, Programmierung PHP, mySQL, HTML, CSS, AS/Flash...

Vaota GmbH

Posted in Referenzen Web
10/07/10
Redesign und Komplettüberarbeitung des Internetauftritts vaota.ch Konzept, Design, Programmierung AS/Flash, PHP, XML, mySQL, HTML, CSS, RSS...

Produkt-Präsent...

Posted in Referenzen Web
10/07/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP...

Video Salva

Posted in Referenzen Web
10/07/10
Website für einen Filmschaffenden video-salva.ch Von A - Z ( Konzept bis Umsetzung ) PHP, AS/Flash, HTML, XML...

Interaktive Prod...

Posted in Referenzen Web
10/07/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP...

Top2Team

Posted in Referenzen Web
1/06/12
Erstauftritt der Firma Top2Team. top2team.ch Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS...

MyGundeli.ch

Posted in Referenzen Web
10/07/10
Portalseite für das Quartier Qundeldingen Basel. Hobbyprojekt.Nutzer-Registrierung und Verwaltung von Inseraten, Agenda etc. Kontrolle via Adminpanel: Benachrichtigungen, Authoring von Einträgen. Freigaben auch per E-Mail. mygundeli.ch Idee & Konzept, Design, Log...

Cea Music (offli...

Posted in Referenzen Web
17/07/10
Trendgerichtet, verspielt, für Auge und Ohr. Speziell: Track-Player. Idee & Konzept, Design, Logo, Programmierung, Sounds (d. Funktionen) PHP, HTML, CSS, AS/Flash