Facebook - Thumbnail

**Silvano** · 26.04.2011, 13:17

Guten Nachmittag Zusammen

Hoffe jemand hatte dieses Problem schon und kann mir irgendwie helfen ;-)
Folgendes: Kunde hat einen Blog auf Contao basierend (Nachrichtensystem). Es werden die Module Tags und urlcleaner verwendet. Zudem ist "URLs umschreiben" aktiviert.

Wenn der Kunde nun einen Beitrag nimmt und diesen auf Facebook stellen möchte, zeigt es keine Thumbnail's an - wenn ich es teste funktioniert es auch nicht. Habe beide URL Module (URLs umschreiben sowie urlcleaner) deaktiviert und getestet ob diese den "Fehler" verursachen. Ist nicht der Fall.

Wenn ich nach diesem "Problem" suche, haben einige Leute das selbe Problem - bei den einten funktioniert es mit einem MetaTag (auch schon versucht) bei den anderen steht "auf einmal ging es wieder".

Sind die Facebook-Systeme welche die Informationen für den Link zusammensuchen so launisch? Jemand auch das Problem - erfolgreich lösen können?

Bedanke mich, Gruss Silvano

**tril** · 26.04.2011, 19:22

Ist auf der Wurzelseite "Startpunkt einer neuen Website" der Hacken bei "Sprachen Fallback" gesetzt?

MfG Tristan

**Silvano** · 26.04.2011, 20:00

hach - das erste mal überhaupt diesen Hacken vergessen zu setzten

Werde es verfolgen und ggf. mich nochmals melden. Danke!

**Silvano** · 28.04.2011, 12:30

War leider nicht die Lösung ... es werden mir immer noch keine Bilder angezeigt.

**tril** · 28.04.2011, 12:31

Facebook generiert imo den Thumb nur 1 mal, nur für neue Beiträge wird ein neuer Thumb erstellt.

**Silvano** · 28.04.2011, 12:43

Habe es gerade getestet. Bei einem neuen Beitrag mit Bild, direkter Link zum kompletten Beitrag. Wurde auch keines angezeigt.

**tril** · 28.04.2011, 12:59

Mh ok, dann weiß ich leider auch net weiter...

**Gandalf** · 04.05.2011, 15:41

Hallo zusammen

Kann ich auch bestätigen. Bis vor kurzem wurde das Thumbnailbild eines Newseintrag falls vorhanden in Facebook immer aus Contao übernommen. Jetzt funktioniert es nicht mehr. Leider keine Ahnung wieso...Schade!

Gandalf

**Silvano** · 04.05.2011, 15:52

bei mir lag es an den Facebook Kommentaren welche ich mit eingebunden habe. Hab diese entfernt und dann ging es.

**Kahmoon** · 16.05.2011, 20:22

Guckst du: http://www.contao-community.de/showt...866&viewfull=1

So kann man kontrolliert ein Bild an Facebook übergeben. Checken kannst du das Ganze dann unter https://developers.facebook.com/tools/lint/

**Silvano** · 17.05.2011, 07:23

Ich will kein Bild erzwingen. Ich will dem Kunden die Wahl über das "gesharte" Bild selber überlassen (da es ein Fotoblog ist). Aber ich habe so einige Informationen nun sammeln können. Blog basiert auf dem Nachrichtensystem von Contao.

- bei der Blogübersicht werden die Bilder angezeigt
- bei der Ansicht von einem Beitrag, wird kein Bild angezeigt - warum? (*)

* Könnte es daran liegen: wenn ich mit URL Linter von FB Dev die Adresse überprüft, die Bilder - warum auch immer - via folgender Adresse eingebunden werden:

-

Code:

http://adresse/index.php/beitrag/items/tl_files/.......jpg

Bild wird ganz normal via TinyMCE eingebunden.

**Flex** · 17.05.2011, 08:34

Facebook ignoriert anscheinend dase <base> Tag, weshalb sämtliche Bildadressen und Links eine falsche URL haben werden.

**Silvano** · 17.05.2011, 14:02

Es liegt, wie oben erwähnt, am Pfad der Bilder. Es nun eine Lösung dazu, damit das ganze funktioniert.

Ich werde, sobald ich diese Woche Zeit finde, den Wiki Eintrag fertigstellen und dort drin das ganze erläutern.

Falls jemand die Lösung dringend benötigt soll sich doch hier im Thread kurz melden.

**plusx** · 20.05.2011, 08:59

Wir haben das so gelöst:
http://www.plusx.de/aktuelles/items/...on-contao.html

**nelhop** · 20.05.2011, 10:19

Hallo plusx,

danke für das Workaround. Leider klappt es bei mir nicht so richtig.

Dem Head-Bereich im fe_page.tpl habe ich entsprechend erweitert.

Aber wo genau muss ich

Code:

<?php 
$GLOBALS['fbImage'] = $this->singleSRC;
?>

im news_full.tpl (bzw. bei mir: news_full_gallery.tpl) eingefügt werden?

**plusx** · 20.05.2011, 10:57

Hallo,

der Workaround ist gedacht für die Nutzung der News ohne Galerie.
Mit Galerie müsste in news_full.tpl (bzw.: news_full_gallery.tpl) stehen:

<?php
$fbImage = deserialize($this->multiSRC);
$GLOBALS['fbImage'] = $fbImage['0'];
?>

Dann wird das erste Bild aus Galerie für Facebook genommen!

**nelhop** · 20.05.2011, 11:07

Hey,

danke für die schnelle Antwort.
Leider klappt es bei mir immer noch nicht...

Ich habe den Code einfach über allem im Template geschrieben. Oder muss ich den an eine spezielle Stelle schreiben?

Gäbe es auch eine Möglichkeit, dass alle Bilder (also sowohl das Bild in den News, als auch die Bilder aus der Gallery) angeboten werden, und der Nutzer auswählen kann?

**plusx** · 20.05.2011, 11:09

Hast du mit dem Facebook Linter überprüft, ob es geht? Sonst ist die URL eventuell noch im Facebook Cache ...

Gern kannst du auch mal die URL senden ...

**nelhop** · 20.05.2011, 11:13

Linter findet kein Bild...

Es geht (z.B.) um diese Seite:
http://www.thw-taucher.de/aktionen-l...m-rathaus.html

**mac123** · 20.05.2011, 11:28

Hallo,

das Meta-Tag wird bei dir nicht ausgegeben. Im Quellcode müsste folgendes stehen:

<meta property="og:image" content="http://url.de/bild.jpg" />

Entweder wird die globale Variable nicht gefüllt, oder in der fe_page.tpl stimmt etwas nicht.

Da du nicht den "like-button" nutzt, muss du noch dein HTML-Tag (ich glaube auch fe_page.tpl) um das Open-Graph Protokoll erweitern. Infos gibt es hier: https://developers.facebook.com/docs/opengraph/

Gruß
Marco

**Messa** · 20.05.2011, 11:28

ich habe es gerade ausprobiert hier gehts:

News

lg

**nelhop** · 20.05.2011, 11:58

Zitat von mac123

Da du nicht den "like-button" nutzt, muss du noch dein HTML-Tag (ich glaube auch fe_page.tpl) um das Open-Graph Protokoll erweitern.

Das Verstehe ich nicht ganz. Muss ich noch etwas am Facebook Button (Syndikation) ändern? Bei Messa klappt es doch auch mit diesem Button...

**Messa** · 20.05.2011, 12:00

Ich habe das

<?php
if($GLOBALS['fbImage']){
echo '<meta property="og:image" content="'.$this->base.$GLOBALS['fbImage'].'" />';
}
?>

im news_full.tpl eingetragen zwischen <head> </head>

lg Matthias

**nelhop** · 20.05.2011, 12:03

Das habe ich ja auch eingetragen..
Im Head der fe_page:

Code:

<?php
if($GLOBALS['fbImage']){
    echo '<meta property="og:image" content="'.$this->base.$GLOBALS['fbImage'].'" />';
}
?>

und als erste Zeilen im news_full_gallery:

Code:

<?php
$fbImage = deserialize($this->multiSRC);
$GLOBALS['fbImage'] = $fbImage['0'];
?>

**mac123** · 20.05.2011, 12:13

nelhop, anscheinend musst du doch nicht das html-tag erweitern. sorry.

bei dir wird aber trotzdem nicht das meta-tag ausgegeben.

kopier das mal testweise in die fe_page.tpl um zu gucken ob es überhaupt geht:

<meta property="og:image" content="http://www.thw-taucher.de/tl_files/bilder/aktionen/20110502_empfang_rathaus/Empfang%20Rathaus_1.jpg" />

**nelhop** · 20.05.2011, 12:27

Aus irgendeinem Grund scheinen meine Änderungen an der fe_page nicht übernommen zu werden...
Im Template habe ich

Code:

<meta property="og:image" content="http://www.thw-taucher.de/tl_files/bilder/aktionen/20110502_empfang_rathaus/Empfang%20Rathaus_1.jpg" />

eingefügt. Aber es taucht nicht im Quellcode auf.

Ich glaub ich steh grad aufm Schlauch! Woran kann das liegen? (Also dass es nicht geht, nicht das ich aufm Schlauch stehe...)

**plusx** · 20.05.2011, 12:31

Mal den Cache im Backend löschen?

**nelhop** · 20.05.2011, 12:35

Zitat von plusx

Mal den Cache im Backend löschen?

Ja tatsächlich

Peinlich, peinlich...

Die Zeile zum testen steht jetzt fest drin. Aber Facebook findet das Bild trotzdem nicht.

**mac123** · 20.05.2011, 12:43

Vielleicht liegt es am Leerzeichen im Dateinamen??

**plusx** · 20.05.2011, 12:44

Doch bei mir funktioniert es:
https://developers.facebook.com/tool...m-rathaus.html

**nelhop** · 20.05.2011, 12:50

Tatsächlich, jetzt klappt es.
Vielleicht noch ein Cache von Fachebook?

Habe jetzt die Testzeile wieder durch die richtige ersetzt.
Danach findet Lint das Bild nicht mehr. Aber vielleicht liegts ja wieder am Cache...
Mal ein paar Minuten abwarten. Oder?

**plusx** · 20.05.2011, 12:57

Nein, warten hilft da nicht. Da steht ein falscher Pfad im meta tag:
http://www.thw-taucher.de/tl_files/b...pfang_rathaus/

Das ist kein Bildpfad ...

**nelhop** · 20.05.2011, 13:02

Oh, richitg.

Das ist der Pfad zum Ordner in dem alle Bilder liegen.
Am liebsten wäre mir, wenn Facebook alle hier enthaltenen Bilder anbietet.
Ist das möglich?

Sollte das nicht gehen nehme ich den ursprünglichen Code

Code:

<?php 
$GLOBALS['fbImage'] = $this->singleSRC;
?>

Damit wird dann halt das Vorschaubild angezeigt.

**neueplaneten** · 05.03.2012, 14:49

Als Alternative geht natürlich auch diese Lösung, falls für einige Seiten nichts vorhanden sein sollte.

Code:

<?php 

if($GLOBALS['fbImage']){ echo '<meta property="og:image" content="'.$this->base.$GLOBALS['fbImage'].'" />'; } 

else { echo '<meta property="og:image" content="'.$this->base.$GLOBALS['fbImage'].'tl_files/theme(variabel)/images/apple-touch-icon.png" />'; }

?>

Dann wird mindestens ein Logo angezeigt.