Comment personnaliser le sharer.php de Facebook

Question

http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.google.com

Comment puis-je personnaliser le texte et l'image. On dirait que Facebook a tiré les docs.

Answer 1

Ce dont vous parlez est l'aperçu de l'image et le texte que Facebook extrait lorsque vous partagez un lien. Facebook les utilisateurs de l' Open Graph Protocol pour obtenir ces données.

Essentiellement, tout ce que vous aurez à faire est de placer ces og:meta tags sur l'URL que vous souhaitez partager -

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
      content="A group of U.S. Marines, under command of
               a renegade general, take over Alcatraz and
               threaten San Francisco Bay with biological
               weapons."/>

Comme vous pouvez le voir, il est à la fois une propriété d'image et une description trop. Lorsque vous apportez des modifications à vos pages og:meta tags, vous pouvez tester ces changements à l'aide de l' Facebook Débogueur. Il vous dira si vous avez fait des erreurs et comment les corriger!)

Answer 2

Essayez ceci (via Javascript dans cet exemple):

'http://www.facebook.com/sharer.php?s=100&p[title]='+encodeURIComponent('this is a title') + '&p[summary]=' + encodeURIComponent('description here') + '&p[url]=' + encodeURIComponent('http://www.nufc.com') + '&p[images][0]=' + encodeURIComponent('http://www.somedomain.com/image.jpg')

J'ai essayé ce rapidement sans la partie de l'image et de la sharer.php apparition de la fenêtre de pré-rempli, de sorte qu'il ressemble à une solution.

J'ai trouvé ce par le biais de cette SORTE d'article:

Personnalisées titre / image / description facebook partager le lien à partir d'une application flash

et ce lien contenu dans une réponse de Lelis718:

http://www.daddydesign.com/wordpress/how-to-create-a-custom-facebook-share-button-for-your-iframe-tab/

donc, tout le crédit à Lelis718 pour cette réponse.

[EDIT 3 Mai 2013] - semble que l'URL d'origine que j'ai eu ici ne fonctionne plus pour moi sans y compris les "s=100" dans la chaîne de requête - aucune idée pourquoi, mais ont mis à jour en conséquence

Answer 3

Vous pouvez utiliser le Flux Dialogue via l'URL pour émuler le comportement de Sharer.php mais c'est un peu plus compliqué. Vous avez besoin d'un Facebook configuration de l'Application avec l'URL de Base de l'URL que vous avez l'intention de partager configuré. Ensuite, vous pouvez effectuer les opérations suivantes:

1) Créer un lien du type:

   http://www.facebook.com/dialog/feed?app_id=[FACEBOOK_APP_ID]' +
        '&link=[FULLY_QUALIFIED_LINK_TO_SHARE_CONTENT]' +
        '&picture=[LINK_TO_IMAGE]' +
        '&name=' + encodeURIComponent('[CONTENT_TITLE]') +
        '&caption=' + encodeURIComponent('[CONTENT_CAPTION]) +
        '&description=' + encodeURIComponent('[CONTENT_DESCRIPTION]') +
        '&redirect_uri=' + FBVars.baseURL + '[URL_TO_REDIRECT_TO_AFTER_SHARE]' +
        '&display=popup';

(évidemment remplacer le [CONTENU] avec le contenu approprié. La Documentation ici: https://developers.facebook.com/docs/reference/dialogs/feed)

2) Ouvrir le lien dans une fenêtre popup avec JavaScript sur cliquez sur le lien de partage

3) j'aime créer le fichier (c'est à dire popupclose.html) pour rediriger les utilisateurs vers quand ils ont fini de partage, ce fichier contiendra <script>window.close();</script> pour fermer la fenêtre pop-up

Le seul inconvénient de l'utilisation de l'Alimentation de Dialogue (en plus de l'installation), c'est que, si vous gérez vous-même des Pages, vous n'avez pas la capacité de choisir de les partager via une Page, seulement un compte d'utilisateur normal peut partager. Et il peut vous donner quelques très cryptique des messages d'erreur, la plupart d'entre eux sont liés à la configuration de votre Facebook app ou des problèmes avec le contenu ou l'URL que vous partagez.

Answer 4

Sharer.php ne vous permet plus de personnaliser. La page que vous partagez sera supprimée pour les balises OG et ces données seront partagées.

Pour personnaliser correctement, utilisez FB.UI fourni avec JS-SDK.