Bilder aus Contenido in Facebook

[Andreas]

Hallo zusammen,
ich habe eine Frage, die sich wahrscheinlich nicht direkt auf Contenido bezieht aber vielleicht hat ja jemand eine Idee.

Ich habe eine Seite in contenido erstellt (http://www.michaela2013.de).
Deren Inhalte werden auch in den sozialen Netzwerken veröffentlicht.
Wenn ich nun den Link eines Artikels bei Facebook posten möchte, so werden die Bilder (aus den Detailartikeln der Artikelliste auf der Startseite und unter "Aktuelles") leider nicht von Facebook erkannt.
Woran könnte das liegen? Vielleicht hat jemand eine Idee...

[McHubi]

Hallo Andreas,

schau mal hier, was xmurrix zu einer ähnlichen Problemschilderung geschrieben hat: http://forum.contenido.org/viewtopic.ph ... ld#p158090

[Andreas]

Danke für die Info.
Leider verwende ich für die Bilder nicht das Bild-Modul bzw. die Funktion CMS_IMG[1], sondern füge die Bilder manuel in die Artikel ein.
Das sollte auch aus verschiedenen Gründen so bleiben.

Gibt es ggf. eine andere Möglichkeit, Facebook auf die Bilder zu verweisen bzw. Contenido dafür "vorzubereiten"?

[McHubi]

Hallo Andreas,

Du kannst natürlich auch immer individuell für jeden Artikel ein Bild festlegen, welches für die Social-Media Kanäle verwendet werden soll. Ich habe mir für pinterest ein bereits vorhandenes Modul abgeändert. Das wirst Du also auch schnell für Facebook ändern, bzw. ergänzen können. Statt wie hier <div class="box_socialmedia">... mit dem Bildpfad zu bestücken, musst Du den Output halt nur auf das OG-Metatag für facebook abändern. Die Flash-Geschichte im Input kannst Du natürlich aufräummäßig auch gleich kicken...

Im Backend bekommst Du mit dem Modul eine Bildauswahl per Dropdown und Vorschau. Der Pfad wird dann im Output verwendet um den Bildpfad weiterzugeben.

INPUT:

Code: Alles auswählen

echo mi18n("Bilddatei für pinterest auswählen:").'</br>';
#Selected img directory
$cms_dirname = "CMS_VALUE[1]";
#Selected img
$cms_filename = "CMS_VALUE[2]";

/*
if ($cms_dirname == '' || $cms_dirname == '0') {
    $cms_dirname = 'bilder/';
}
*/

#Get paths
$sql = "SELECT
    htmlpath, frontendpath
    FROM
    ".$cfg["tab"]["clients"]." 
    WHERE
    idclient = ".$client." ";

$db->query($sql);

if ($db->next_record()) {
    $htmlpath = $db->f('htmlpath');
    $frontendpath = $db->f('frontendpath');
}

#Choose image folder
echo '<table cellpadding="0" cellspacing="0" border="0">
    <tr><td class="text_medium" style="padding:5px">'.mi18n("Verzeichnis w&auml;hlen").': </td>
    <td class="text_medium" style="padding:5px">';
echo '<select name="CMS_VAR[1]" style="width:200px">';

#Get upload directories
$sql = "SELECT DISTINCT
    dirname
    FROM
    ".$cfg["tab"]["upl"]."
    WHERE
    idclient='$client' AND
    filetype IN ('jpeg','jpg','gif','png', 'swf')
    ORDER BY
    dirname";

$db->query($sql);

$selected = false;
while ($db->next_record()) {
    $dirname = $db->f('dirname');
    if ($cms_dirname != $dirname) {
        echo '<option value="'.$dirname.'">&nbsp;'.$dirname.'</option>';
    } else {
        $selected = true;
        echo '<option value="'.$dirname.'" selected="selected">&nbsp;'.$dirname.'</option>';
    }
}

if (!$selected) {
    echo '<option value="0" selected="selected">'.i18n("Bitte w&auml;hlen").'</option>';
} else {
    echo '<option value="0">'.i18n("Bitte w&auml;hlen").'</option>';
}

#Choose image file
echo '</select>&nbsp;<input type="image" src="images/submit.gif">
    <tr><td class="text_medium" style="padding:5px">'.mi18n("Bild- oder Flashdatei w&auml;hlen").': </td>
    <td class="text_medium" style="padding:5px">';
echo '<select name="CMS_VAR[2]" style="width:200px">';
echo '<option value="0" selected="selected">'.i18n("Bitte w&auml;hlen").'</option>';

if ($cms_dirname != '0') {
    #Get uploaded files
    $sql = "SELECT 
            filename
            FROM
            ".$cfg["tab"]["upl"]."
            WHERE
            idclient = '$client' AND
            filetype IN ('jpeg','jpg','gif','png','swf') AND
            dirname = '$cms_dirname' 
            ORDER BY
            filename";

    $db->query($sql);

    while ($db->next_record()) {
        $img_name = $db->f('filename');
        if ($cms_filename != $img_name) {
            echo '<option value="'.$img_name.'">&nbsp;'.$img_name.'</option>';
        } else {
            echo '<option selected="selected" value="'.$img_name.'">&nbsp;'.$img_name.'</option>';
        }
    }
}

echo '</select>&nbsp;<input type="image" src="images/submit.gif">';

/*
echo '<tr><td valign="top">&nbsp;'.mi18n("Beschreibung").':</td><td><textarea cols="40" rows="5" CMS_VALUE="100" name="CMS_VAR[100]" value="CMS_VALUE[100]">CMS_VALUE[100]</textarea></td></tr>';
*/

#Preview image
if ($cms_dirname != '0' AND $cms_filename != '0' AND strlen($cms_dirname) > 0 AND strlen($cms_filename) > 0) {
    $img_path = $htmlpath.$cfgClient[$client]['upload'].$cms_dirname.$cms_filename;
    $img_split = preg_split("/\./", $cms_filename);
    $count = count($img_split);
    $type = $img_split[$count -1];

    echo '<tr><td></td><td style="padding:5px">';

    if (substr($img_path,-3) != "swf") {
        echo '<img style="width: 150px;" src="'.$img_path.'">';
    } else {
        $size = getimagesize ("$img_path");
        echo '<object type="application/x-shockwave-flash" data="'.$img_path.'" id="Flash" '.$size[3].'>
                <param name="movie" value="'.$img_path.'" />
                <param name="bgcolor" value ="#FFFFFF" />
                <param name="quality" value ="high" />
                <param name="loop" value="false" />
                <param name="menu" value="false" />
                <param name="swliveconnect" value="true" />
                </object>';
    }

    echo '</td></tr>';
}
echo '</td></tr>';
echo '</table>';

OUTPUT:

Code: Alles auswählen

<?php

$sql = "SELECT pagetitle, title FROM ".$cfg["tab"]["art_lang"]." WHERE idart='$idart'";
$db->query($sql);
$db->next_record();
$pagetitle= $db->f("pagetitle");
$title= $db->f("title");
$url = $_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];


$pinterest_image="";
$pinterest_folder="CMS_VALUE[1]";
if($pinterest_folder=="0") $pinterest_folder="";
$pinterest_file="CMS_VALUE[2]";
if($pinterest_file=="0") $pinterest_file="";

if($pinterest_folder!="")
  {
  $pinterest_image='http://'.$_SERVER['HTTP_HOST'].'/2/cms/upload/'.$pinterest_folder;
  if(htmlspecialchars(strip_tags($_GET['filename']))!="")
    {
    $pinterest_file=htmlspecialchars(strip_tags($_GET['filename']));
    $pinterest_image=$pinterest_image.$pinterest_file;
    }
    else
      {
      $pinterest_image=$pinterest_image.$pinterest_file;
      }
  if($pinterest_file=="") $pinterest_image="";
$order_picture=$pinterest_image;
  }

echo '<div class="box_socialmedia">';
if($pinterest_image!="") echo '<div class="box_socialmedia_link"><a target="_blank" href="http://pinterest.com/pin/create/button/?url='.$url.'&media='.$pinterest_image.'&description='.mi18n("your description").'" class="pin-it-button" count-layout="horizontal"><img style="border: 0pt none;" src="upload/fotografie/bullets/icon-pinterest.png" alt="'.mi18n("pin it on pinterest").'" title="'.mi18n("pin it on pinterest").'" width="43" height="21" /></a></div>';
echo '</div>';
?>

[Andreas]

Vielen Dank!!!!

Gibt es nicht ggf. auch einfach die Möglichkeit die verwendeten Bild-Elemente im Text automatisch auszulesen und die Bilder als og:image-Tags zu verwenden?
An der Pflege des Contents würde sich so nichts für den Redakteur ändert und nur die relevanten Bilder aus dem Inhaltsbereich würden Facebook angeboten.

Nach dem Motto: Wenn ein Bild vorhanden, hänge an

Code: Alles auswählen

<img src="pfad/bild.jpg"...>

folgendes an

Code: Alles auswählen

<meta property=”og:image” content=”http://pfad/bild.jpg”.../>

Aber ich bin PHP-Laie und stelle mir das sicher zu einfach vor....