Inhalte bei Facebook richtig teilen

[tobihessen]

Hallo Gemeinde,

ich kann gerade kaum glauben, dass ich hier kein Thema zu finde, aber vielleicht bin ich auch nur zu müde.
Es geht darum, dass man keine Bilder in Facebook angezeigt bekommt, wenn man eine Seite aus Contao teilt.
Dazu gibt es doch sicher eine Anleitung oder?
Kann jemand helfen?
Danke!

[qba]

Hallo Tobi,

ich hatte mal das Problem, dass News auf Facebook inkl. Bild richtig geteilt werden sollten. Ich knalle meine Notizen hier jetzt einfach mal so rein, in der Hoffnung, dass das hilft.

1. in den Headbereich der fe_page folgenden Code einfügen:

<?php
if($_SERVER['HTTP_USER_AGENT'] == 'facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)') { ?>
<meta property="og:type" content="article" />
<meta property="og:title" content="<?php echo $this->pageTitle; ?>" />
<meta property="og:description" content="<?php echo $this->description; ?>"/>
<meta property="og:url" content="{{env::url}}/{{env::request}}" />
<meta property="og:site_name" content="deine-url.de" />
<?php } ?>

Damit werden die Metaangaben an Facebook übermittelt, sobald Facebook die abfragt, vorher nicht. Es wird außerdem noch der News-Titel und der Teasertext mit übergeben.


2. absolute Pfade für Bilder

Facebook braucht absolute Pfade für Bilder, daher muss man sich das Modul "wna_facebook" herunterladen: http://contao.silvanogiacomello.ch/m...a_facebook.zip
Dann folgenden Anpassungen in der heruntergeladenen Datei vornehmen und in den Ordner /system/modules hochladen: http://de.contaowiki.org/Facebook#ab...lder_via_Modul
(Im Zweifel hab ich das natürlich auch gespeichert, falls der Link nicht mehr funzt.)


3. News-Bild zuordnen

Im news_full Template am Anfang folgenden Code einfügen:

<?php $GLOBALS['TL_HEAD'][] = '<meta property="og:image" content="{{env::url}}/'.$this->singleSRC.'" />'; ?>

Damit wird das Bild, was der News zugeordnet ist, auch an FB als Miniaturbild mitgeschickt.

4. Nun kann man alles wunderbar hiermit überprüfen:

http://developers.facebook.com/tools/debug
Dort einfach den Link zu einer News eintragen und schauen, was wie bei Facebook ankommt.

Das mit dem Bild funktioniert übrigens auch für alle anderen Templates (Events, Katalog etc.)

[tblumrich]

Hmm, verstehe ich nicht. Ich passe eigentlich nie was speziell an und wenn ich eine Seite teile, wird auch eine Bildauswahl angeboten. Oder verstehe ich das falsch?

[tobihessen]

Nicht, wenn man Nachrichten, Events oder so nutzt.

FUNZT GEIL!!!!

Aber mal ganz ehrlich, wieso muss man das erst "hacken"? Wieso funktioniert das nicht einfach schon aus dem System heraus?
Das Teilen von Inhalten, gerade auf Facebook, ist heutzutage doch essentiell für eine Webseite!

[hofff]

Hallo,

dafür gibt es auch bald eine tolle Erweiterung, mit der man für jede Seite individuell die OG-Tags für Facebook anlegen kann inkl. Bilder. Ist leider noch nicht im ER. Wir werden Sie heut mal zu GitHub hochschieben und da kann sie von da schon mal geladen und getestet werden. :-)


fg
nicky

... von meinem iPhone mit Tapatalk gesendet!

[Bandyt]

Um mal schamlose Eigenwerbung zu machen: [facebook_images]

[qba]

Um mal schamlose Eigenwerbung zu machen: [facebook_images]

*grmpf* wieso hatte ich das nicht gefunden? Danke für den Tipp.

[aadursun]

@ hofff

wie heisst denn eure Erweiterung? Wo kann ich diese finden?

Viele Grüße
aadursun

[hofff]

@ hofff

wie heisst denn eure Erweiterung? Wo kann ich diese finden?

Viele Grüße
aadursun

Hallo,

sorry ... irgendwie ist mir der Beitrag durch die Lappen gegangen. Also ich hab grad mal geschaut und mein Bruder hat sie auch noch nicht auf GitHub abgelegt. Ich werd ihm aber umgehend Bescheid geben und ich denke, dass sie dann heute Abend verfügbar ist. Ich melde mich umgehend ...

fg
nicky

[backbone]

https://contao.org/de/extension-list...000003.de.html

Ist noch in der Testphase... Ich weiß noch nicht wie zufrieden ich mit den Authoring-Tools bin.
Zur Zeit kann im über die Seitenstruktur pro Seite pflegen (Insert-Tags verfügbar, brauchbar mit Vererbung).

Die Einbindung in News funktioniert bei Konfiguration der Seite des Readers mit Insert-Tags *fast* automatisch.
Um das Bild anzupassen (automatisch das News-Bild zu übernehmen) muss man dann im Template ran.

Beispielhaft:

<?php

// DeepLink: wird bei den meisten reader templates in einer var übergeben
$myURL = 'deepling/zu/meinem/eintrag';

// Bildpfad: wird bei den meisten reader templates in einer var übergeben
$myImage = 'meinbild';

// Bildgröße (optional)
$mySize = array(/*breite*/ 200, /*höhe*/ 200, /*zuschnitt-methode*/ 'crop');

// factory erstellen
$objCOGF = ContaoOpenGraphFactory::create();

// basis daten von der aktuellen seite verwenden
$objOGBD = $objCOGF->generateBasicDataByPageID($GLOBALS['objPage']->id);

// bild daten erstellen und zu den basis daten hinzufügen
$objOGBD->setImageData($objCOGF->generateImageData($myImage, $mySize));

// deeplink url setzen
$objOGBD->setURL($this->Environment->base . $myURL);

// graph daten dem manager geben, zum injecten in den page head
ContaoOpenGraphManager::getInstance()->setOpenGraphData($objOGBD);

?>

[cti]

Um mal schamlose Eigenwerbung zu machen: [facebook_images]

Hallo Bandyt,
deine Erweiterung "facebook_images" find ich super – doch funktioniert sie noch nicht mit Contao 3.06 bzw. 3.1 – richtig? Zumindest wird bei mir aktuell noch in keinem Facebook Posting via RSS ein Bild angezeigt.
Kannst Du mir vllt. mitteilen, an welchen Stellen ich Anpassungen vornehmen muss, damit es in 3.06 bzw. 3.01 passt?

Besten Gruß!
cti!