Contao-Camp 2024
Ergebnis 1 bis 19 von 19

Thema: [backboneit_opengraph] OpenGraph Metadaten in Contao definieren

  1. #1
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard [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
    Geändert von backbone (25.05.2013 um 16:21 Uhr)
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  2. #2
    Contao-Urgestein Avatar von zonky
    Registriert seit
    19.03.2010.
    Ort
    Berlin, Rdf
    Beiträge
    9.682
    User beschenken
    Wunschliste

    Standard

    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

  3. #3
    Contao-Nutzer
    Registriert seit
    27.04.2011.
    Beiträge
    11

    Standard

    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)?

  4. #4
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    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.
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  5. #5
    Contao-Nutzer
    Registriert seit
    27.04.2011.
    Beiträge
    11

    Standard

    Okay, und wo finde ich die? Danke btw für die schnelle Antwort!

  6. #6
    Contao-Nutzer
    Registriert seit
    27.04.2011.
    Beiträge
    11

    Standard

    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)

  7. #7
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    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.
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  8. #8
    Contao-Nutzer
    Registriert seit
    23.06.2009.
    Beiträge
    173

    Standard <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.

  9. #9
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    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).
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  10. #10
    Contao-Nutzer
    Registriert seit
    23.06.2009.
    Beiträge
    173

    Standard

    Zitat Zitat von backbone Beitrag anzeigen
    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!

  11. #11
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    Ich habe die Kompatibilität zurück auf 2.9.5 gesetzt
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  12. #12
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    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.
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  13. #13
    Contao-Nutzer
    Registriert seit
    24.01.2013.
    Beiträge
    11

    Standard 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 Beitrag anzeigen
    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.

  14. #14
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    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.
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  15. #15
    Contao-Nutzer
    Registriert seit
    24.01.2013.
    Beiträge
    11

    Standard 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

  16. #16
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    Bitte mal den Link zur Seite posten (oder per Skype backbone94)
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  17. #17
    Contao-Nutzer
    Registriert seit
    15.10.2009.
    Ort
    Dresden
    Beiträge
    109

    Daumen hoch

    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?

  18. #18
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    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
    Geändert von backbone (15.03.2013 um 22:14 Uhr)
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  19. #19
    Contao-Fan Avatar von k-webdesign
    Registriert seit
    07.06.2010.
    Ort
    Karlsruhe
    Beiträge
    645
    Partner-ID
    5911
    User beschenken
    Wunschliste

    Standard

    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.
    Geändert von k-webdesign (28.06.2014 um 23:11 Uhr)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •