Verwenden von Facebook Sharer zum Teilen mehrerer Bilder

Ich versuche, mehrere Bilder auf einer Seite zu Facebook zu teilen, wie in this StackOverflow post beschrieben. Der Post gibt an, dass mehrere Bilder geteilt werden müssen, indem Sie mehrere Tags einschließen: og: image. Ich folgte diesen Anweisungen, wie Sie von this page sehen können.Verwenden von Facebook Sharer zum Teilen mehrerer Bilder

Wenn Sie die Quelle für die Seite anzuzeigen, werden Sie sehen, dass ich drei og aufgenommen haben: Bild-Tags, eine für jede der drei Bilder Seite:

<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/stickers/ePT4B0td-sticker.jpg"/> 
 
\t  <meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/posters/ePT4B0td-poster.jpg"/> 
 
\t  <meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/secondPosters/ePT4B0td-secondPoster.jpg"/>

Jedes Bild auf der Seite hat einen eigenen Facebook-Link. Da ich drei og: image Tags angegeben hatte, hätte ich erwartet, dass Sie unabhängig davon, auf welchen Link Sie klicken, eines der drei Bilder auf der Seite auswählen könnten. Stattdessen haben Sie keine Wahl; nur das zweite der drei Bilder wird bereitgestellt.

Ich dachte, dass dies ein Caching-Problem sein könnte, also habe ich das Facebook Sharing Debugger-Tool verwendet, um zu sehen, was Facebook sah. Die Link Vorschau zeigt nur ein Bild, und die og: Bild Kategorie listet nur ein Bild, das mich verdächtig gemacht. Wenn ich auf dem anzeigen geklickt Alle Raw Stichworte Link, entdeckte ich jedoch, dass Facebook in der Tat wurde, Kommissionierung alle drei meiner og: image tags:

<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/stickers/ePT4B0td-sticker.jpg" /> 
 
<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/posters/ePT4B0td-poster.jpg" /> 
 
<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/secondPosters/ePT4B0td-secondPoster.jpg" />

ich dann angeklickt auf den Scrape via API Link am Ende der Seite, und das ist, was ich habe:

{ 
 
    "url": "https://senatorforaday.emkinstitute.org/senator/ePT4B0td/joe-levinger", 
 
    "type": "website", 
 
    "title": "Senator Joe Levinger | Edward M Kennedy Institute for the United States Senate", 
 
    "image": [ 
 
    { 
 
     "url": "http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/stickers/ePT4B0td-sticker.jpg" 
 
    }, 
 
    { 
 
     "url": "http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/posters/ePT4B0td-poster.jpg" 
 
    }, 
 
    { 
 
     "url": "http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/secondPosters/ePT4B0td-secondPoster.jpg" 
 
    } 
 
    ], 
 
    "description": "Visit the EMK Institute", 
 
    "site_name": "Edward M Kennedy Institute for the United States Senate", 
 
    "updated_time": "2016-07-11T19:51:09+0000", 
 
    "id": "1101245249919459" 
 
}

Wie Sie ein Array der in meinem og angegebenen drei Bilder sehen können, besteht die Bild Schlüssel: Bild Tags, so scheint es, als ob diese arbeiten sollte, aber es ist nicht.

Irgendwelche Ideen, was ich tun muss, um dem Benutzer die Möglichkeit zu geben, ein Bild aus den drei auf der Seite angezeigten auszuwählen?

Quelle

2016-07-11 Joe Levinger

Hallo Joe, ich versuche das gleiche zu erreichen. Hattest du Erfolg? – Firoz

Ihre Bilder sind 1600 x 630, die mindestens 200 x 200, aber nicht 40:21 recommended by Facebook entspricht. Ihr 1600 breites Bild should be 840 in height.

Quelle

2016-07-26 03:50:00

Das macht Sinn! Danke für die Erklärung, Zack. Ich bin nicht in der Lage, das Seitenverhältnis der Bilder zu ändern, also werde ich einen anderen Ansatz versuchen: Einbinden von drei _iframes_, einer für jedes Bild, in die Webseite, wobei jeder _iframe_ das entsprechende _og: image_ -Tag enthält Bild. Ich gehe davon aus, dass Facebook jedes Bild nach seinen Spezifikationen beschneidet, aber das wird akzeptabel sein. Ich werde dich wissen lassen, ob meine Idee funktioniert. –

Das Ändern des Images für jede Social Media-Plattform ist typisch. Google+, LinkedIn, FaceBook und Twitter (um nur einige zu nennen) haben unterschiedliche Anforderungen an Bilder. –

Ich habe das gleiche mit FB Shared-Dialog versucht, aber es immer das erste og: Bild auswählen. Ich konnte die Bildauswahloption in meinem Popup nicht sehen. Ist die neueste FB-API sogar erlaubt Bildauswahl im Freigabe-Dialog? – nanbatman

Verwenden von Facebook Sharer zum Teilen mehrerer Bilder

Antwort

Verwandte Themen