[backboneit_opengraph] OpenGraph Metadaten in Contao definieren

Druckbare Version

15.04.2011, 00:50
backbone

[backboneit_opengraph] OpenGraph Metadaten in Contao definieren

Eine Erweiterung die das Definieren von OpenGraph Metadaten vereinfacht:
https://contao.org/de/extension-list...000003.de.html

Weitere Informationen:
http://developers.facebook.com/docs/opengraph/
http://ogp.me/

Integrationsbeispiele (ab Version 2)

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-Code:

<?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 ContaoOpenGraphFrontend::getInstance()->setOpenGraphData($objOGBD); ?>

Ist noch nicht sehr ausgiebig getestet, würde mich freuen, wenn einige die Erweiterung nutzen um zu schauen ob alles passt.

Viel Spaß damit
24.10.2011, 13:00
zonky

Hallo backbone,

ich habe die Erweiterung über das ER installiert - Ziel war es für den "Teilen" Button die Infos genauer steuern zu können...

Hat soweit schon ganz gut funktioniert... folgende Fragen und Anmerkungen:

* ich habe die Metadaten in dem Startpunkt der Seite + vererben angeben => die Startseite ist index.html der Startpunkt automatisch auf index.1.html... die URL "og:url" wird auf www.domain.de/index.1.html eingetragen mit dem Effekt, dass beim Teilen der "Inhalt" nicht gefunden wird

wenn ich die Sachen bei der Startseite (index.html) eintrage, funktioniert alles prima

* Starße in Straße

* wafür soll "System > OpenGraph Typen" sein? für weitere og:type ??

Gruss zonky
21.11.2011, 22:58
highdawndesign

Man müsste irgendwo die og:url ändern können, da bei den einzelnen Newseinträgen diese Url bei mir falsch verweißt! Generell wäre es gut, alles einstellen zu können wie z.B. auch og:title einstellbar ist (oder hab ich das nur übersehen)?
22.11.2011, 12:53
backbone

Die Erweiterung ist so konzipiert, das man durch eigene Erweiterungen bestimmen kann, was ausgegeben wird.
Für Newseinträge könnte man sich zB in den News-Hook einklinken und da die entsprechenden Tags setzen.

In der Basis-Version ist bisher nur das Auszeichnen einzelner Seiten enthalten.
22.11.2011, 17:44
highdawndesign

Okay, und wo finde ich die? Danke btw für die schnelle Antwort!
22.11.2011, 18:43
highdawndesign

Beziehungsweise, könntest du mir sagen, wie ich die og:url generell in das Format {{env::url}}/{{env::request}} ändern kann? (nach den insert tags bzw. in http://www.xxxxxxx.de/index.php/news...e-website.html (Beispielseite)
28.11.2011, 02:48
backbone

og:url wird immer auf die aktuelle URL gesetzt. Wenn du das nicht möchtest *musst* du selber programmieren, kannst aber wie gesagt die ganzen Methoden meiner Erweiterung, die die korrekte Ausgabe der OpenGraph Tags sicherstellen, wiederverwenden.
20.08.2012, 13:31
brain1965

<head> tag zerstückelt

Hi und vielen Dank für die Erweiterung.

Leider wird in unserer Installation das Head-Tag zerstört und sieht dann so aus:

HTML-Code:

<he xmlns:og="http://ogp.me/ns#"ad>

Ist das Problem bekannt? Folgende andere Erweiterungen laufen bei uns:

BackupDB
dlh_googlemaps
googleplusone
html5media
html5video-js
html5video-js_ext
keywords
mod_articlefilter
newsgallery
newsticker
pk_noobSlide
quickpoll
subcolumns
videobox

Danke für rasche Hilfe.
20.08.2012, 15:54
backbone

Die Erweiterung ist nicht mit HTML5 kompatibel. Könnte es daran liegen?
Abgesehen davon hat sich innerhalb des letzten Jahres die OGP Syntax komplett geändert (wegen HTML5).
20.08.2012, 16:44
brain1965

Zitat:

Zitat von backbone

Die Erweiterung ist nicht mit HTML5 kompatibel. Könnte es daran liegen?
Abgesehen davon hat sich innerhalb des letzten Jahres die OGP Syntax komplett geändert (wegen HTML5).

Daran wird es wohl liegen. Damit ist die Extension aber potentiell gefährlich für Installationen ab 2.10, die ja HTML5-Unterstützung haben.

Danke für den Tipp, wir haben die Extension nun wieder gelöscht. Schade!
22.08.2012, 04:25
backbone

Ich habe die Kompatibilität zurück auf 2.9.5 gesetzt
07.02.2013, 00:51
backbone

Version 2 der Erweiterung ist im ER

Aktualisiert für aktuelles Contao 2.11 und HTML5, sowie Übernahme von Änderungen die innerhalb des OGP durchgeführt wurden.

Außerdem habe ich ein Integrationsbeispiel für Reader-Templates im Startpost eingefügt.
07.03.2013, 10:00
elemivick

Erweiterung funktioniert nicht :(

Hallo backbone,

ich habe gerade die Erweiterung installiert auf meine Seite Version 2.11.2 + Html 5. Die backend einstellungen funktionieren sehr gut.
Nun z.B gehe zur Seitenstruktur > x Seite > in OpenGraph Metadaden folgende Einstellungen:

OpenGraph Auszeichnungen: Für diese Seite festlegen
Typ: Artikel / Beitrag / Eintrag
Titel: Test
Bild: bild_test
Bildgröße : 50 x 50 Proportional
Beschreibung: Test Beschreibung

Speicher > Seite neueladen :). Laut quelltext funktioniert, es wurden alle og einstellungen übernommen. Das Problem ist wenn meine URL kopiere und füge sie direkt im Facebook auf den Feld "Was denkst du gerade", dort ist zu sehen Titel, URL, kein Bild und Description der Beitrag (Originale Text) und nicht meine einstellugen. Woran kann es liegen? Oder wie schaffe ich es beim einfügen des URL´s in Facebook, dass Bild, Titel, URL und Descriptions zu sehen !

Ich bin ganz neue im Contao und kann sein das mir noch andere einstellugen nicht vorgenommen habe.

Schöne Grüße
Victoria

Zitat:

Zitat von backbone

Version 2 der Erweiterung ist im ER

Aktualisiert für aktuelles Contao 2.11 und HTML5, sowie Übernahme von Änderungen die innerhalb des OGP durchgeführt wurden.

Außerdem habe ich ein Integrationsbeispiel für Reader-Templates im Startpost eingefügt.
07.03.2013, 10:54
backbone

Es könnte sein, dass Facebook deine Seite noch gecacht hat. Die Seite einmal durch den Facebook-Linter ziehen (Backend > Seitenstruktur > Grünes Icon der Seite), damit wird der FB Cache aktualisiert.
11.03.2013, 11:25
elemivick

OpenGraph

Hallo backbone,

auf den Facebook-Linter werden alle Einstellungen richtig angezeigt. Leider auf meine Facebook Status wird immer noch die Inhalte Automatisch erstellt + ohne Image. Dann weißt ich leider nicht was genau nicht stimmt :(.

Sg
Victoria
11.03.2013, 22:50
backbone

Bitte mal den Link zur Seite posten (oder per Skype backbone94)
15.03.2013, 15:37
x-ray

Hallo backbone,

vielen Dank für deine Erweiterung. Gibt es von dir schon einen Plan, wann und ob die Erweiterung für Contao 3.x kompatibel gemacht wird?
15.03.2013, 21:07
backbone

Da ich selbst zur Zeit kein Contao 3 einsetze und das sich auch bis Herbst wahrscheinlich nicht ändern wird: Nicht sobald, ohne explizite Beauftragung (Aufwand ca. 200€). Wenn sich mehrere an der Beauftragung beteiligen, sollte das jetzt kein Beinbruch sein. Wenn gewünscht und möglich, kann ich auch mal Yannick Witschi bzw. Andreas Schempp fragen, ob es da nicht auch besser wäre die Beauftragung durch den Contao Verein zu stellen, da könntet ihr den Betrag evtl. als Spende an den Verein von der Steuer absetzen (Das bringt aber glaube nur was, wenn ihr die Beauftragung als Privatperson stellen würdet. Wie gesagt, bin da jetzt kein Steuerexperte.) Ok das stimmt steuer- und ablauftechnisch überhaupt nicht, hab ich grad erfahren. Naja, man lernt halt nie aus ;)
28.06.2014, 22:08
k-webdesign

Hat jemand schon mal die Ausgabe des Produktbildes eines Isotope 1.4 gelöst?
Die Daten hab ich über ein eigenes Seitenlayout definiert:

Code:

<meta prefix="og: http://ogp.me/ns#" property="og:title" content="Latex <?php echo $this->pageTitle; ?>" /> <meta prefix="og: http://ogp.me/ns#" property="og:type" content="article" /> <meta prefix="og: http://ogp.me/ns#" property="og:description" content="<?php echo $this->description; ?>" /> <meta prefix="og: http://ogp.me/ns#" property="og:url" content="{{env::url}}/{{env::request}}" /> <meta prefix="og: http://ogp.me/ns#" property="og:site_name" content="{{page::rootTitle}}" />

Aber die Bilder generieren sich ja automatisch und sie haben auch eigene Produktnamen, daher kann ich das nicht über Inserttags zusammenstückeln... Linter zeigt mir nur den Pinterest-Button als mögliches Bild.