Comment puis-je personnaliser Facebook de l'sharer.php

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

Comment puis-je personnaliser le texte et l'image. Il ressemble à Facebook tiré les docs.

  • Facebook a récemment rejeté la personnalisation de son délégué. Vous devrez compter sur l'Open Graph tags à partir de maintenant
InformationsquelleAutor Aakil Fernandes | 2012-09-22
  1. 77

    De quoi vous parlez est l'aperçu de l'image et le texte que Facebook extraits lorsque vous partagez un lien. Facebook utilise le Open Graph Protocol pour obtenir ces données.

    Essentiellement, tout ce que vous aurez à faire est de placer ces og:meta balises 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 y a à la fois une propriété d'image et une description. Lorsque vous apportez des modifications à vos pages og:meta balises, vous pouvez tester ces changements à l'aide de la Facebook Débogueur. Il vous dira si vous avez fait des erreurs et comment les corriger!)

    • Je ne pense pas que c'est la réponse ... parce que ces balises sont codés en dur dans le html, et donc de la force de tous les fb boutons sur la totalité de la page d'obéir à ces valeurs ... j'ai peut-être 3 fb des boutons de partage sur une page, et je veux que chacun d'avoir une image personnalisée/description. ... Certes, vous pouvez utiliser du js pour changer la méta valeurs avant l'action de partage, mais qui ne semble pas réellement le travail, et l'évolution dynamique des balises meta-tags semble comme une mauvaise pratique (ce qui n'est pas là le but). ... Je voudrais utiliser le Lee Sibbald sharer.php la solution à la place.
    • toutefois, cela étant dit, je ne l'utilisation de ces balises meta de chaque page, dans le cas où un utilisateur copie/colle mon url de la page sur fb il y poster, puis ces metas faire l'affaire ... mais pas pour les individuels fb boutons"partager cette peinture" ou "partager cette blague")
    • Concernant la dynamique OG tag génération - j'ai fait cela à plusieurs reprises à l'aide de PHP, en vertu de laquelle l'OG balises sont rempli dynamiquement selon les paramètres QueryString. Il fonctionne tant que les paramètres sont en quelque sorte unique pour chaque Bouton (ainsi, par exemple, en ajoutant "?id=123" à la fin de chaque Bouton d'URL et la modification de "123" pour être unique). Après avoir eu des discussions avec des personnes sur Facebook, ce n'a pas été signalé comme une mauvaise pratique et donc, je crois qu'il est parfaitement acceptable de travailler de cette façon. Notez cependant que JS ne peut pas être utilisé pour ce que le FB racleur n'ont pas de JS moteur.
    • même si vous partagez hors d'un géant de la page de contenu, chaque morceau de contenu a besoin de son propre perma-lien, à droite? /Qui/ est l'endroit où vous mettez la coutume balises OG.
    • Avec tous les débats été fait.comment résoudre le problème de Facebook cache notre site.j'ai été la recherche sur ce sujet pendant plus de 2 jours. les liens sont générés correctement, mais la vignette et texte ne sont pas de la poste au lieu de cache de données de post précédent à partir de mon site . Quelqu'un peut-il commenter cette.Merci
    • Salut @Nomi - Il a été un moment depuis que j'ai utilisé ces outils, mais ce que j'ai utilisé pour le faire dans le passé a été exécuté à l'URL via le Facebook de Partage de Debugger, cette effacé Facebook du cache du lien et de re-fetched les méta-données. Espérons que cette aide!
    • Merci. j'ai déjà fait cela .mais pour un grand site web avec beaucoup d'articles, nous ne pouvez pas simplement aller pour le débogueur à chaque fois.pouvons-nous?
    • il y a un lot à l'outil de débogage trop à l'URL que j'ai posté. Je crois qu'il existe aussi un façon de le faire par programmation. Idéalement, vous aurait une adresse URL unique pour chaque lien que vous souhaitez partager - de cette façon, Facebook ne serait pas utiliser de vieux cache pour de nouvelles URL.

    InformationsquelleAutor Lix
  2. 57

    Mise à JOUR:

    Cette réponse est obsolète.

    Comme @jack-marchetti a déclaré dans son commentaire, et @devantoine avec le lien: https://developers.facebook.com/x/bugs/357750474364812/

    Facebook a changé la façon dont la sharer.php œuvres, comme Ibrahim Faour réponses pour le bug déposé auprès de Facebook.

    Le participant ne pourra plus accepter les paramètres personnalisés et facebook va tirer de l'information qui est affichée dans l'aperçu de la même manière qu'il semble sur facebook comme un poste, à partir de l'url OG balises meta.

    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

    • Ce qui est étonnant. Merci!
    • Hey @lee-sibbald Ressemble à Facebook a changé autour de moi et je ne peut pas obtenir une image pour l'afficher dans la boîte de dialogue de plus. Intéressant...
    • avez-vous pris conscience de l'éditer, j'ai ajouté il y a quelques jours? Je suis en utilisant le lien indiqué ci-dessus, y compris "s=100" et il semble fonctionner correctement
    • Salut @LeeSibbald je n'ai, en fait, mais il ne fonctionne toujours pas. J'ai fini de refaire la boîte de dialogue en utilisant le plus récent "Nourrir" Dialogue de la fenêtre, ce qui n'est pas parfait non plus. Merci quand même!
    • Hmm étrange, mais il pourrait être un typique partielle FB déploiement de nouvelles fonctionnalités. La seule autre option, je pense, si c'est pour utiliser: facebook.com/sharer.php?u=http://www.nufc.com mais notez que cela dépend de vous avoir valable OG Balises Meta dans l'URL de définir, de préciser l'histoire, description, image, etc.
    • Oui, exactement ... parce que le client voulait un contrôle complet sur ce que l'actif+titre+description est envoyé, j'ai besoin d'une solution où j'ai pu dicter exactement ce que j'avais envoyé. Peut être partielle FB déploiement - qui semble m'arriver plus souvent que pas du tout...
    • Vous pouvez toujours créer un scénario de ce type de contrôle à l'aide de la u= paramètre, tout ce que vous devez faire est de s'assurer que l'url que vous utilisez a querystring params qui dictent ce contenu est présenté dans les balises meta quand FB va de l'analyse pour les données. Ce n'est pas que la coupe propre bien. Sans doute le même problème que vous avez est rapidement rubrique mon chemin :/
    • Le p[x] params ne semblent pas fonctionner, au moins si vous avez de travail balises opengraph sur la page en question.
    • Le participant n'accepte plus les paramètres personnalisés: developers.facebook.com/x/bugs/357750474364812

    InformationsquelleAutor Snouto
  3. 21

    Il semble que la réponse suivante ne fonctionne plus, et Facebook n'accepte plus les paramètres sur l'Alimentation boîte de Dialogue liens

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

       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 contient des <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.

    • De l'or! Après avoir essayé le incroyablement fiable et la connexion des erreurs JSDK cette version est beaucoup plus stable et fiable. Merci beaucoup!
    • boîte de dialogue de prise en charge des flux de paramètres personnalisés se termine aujourd'hui (le 17 juillet 2017)
    • les paramètres ne sont pas de travail bien que le lien fonctionne, mais la description de l'image et le titre ne fonctionne pas merci de me guider
    • /u/Sanaullah cela ne fonctionne plus, Faceboook supprimé cette fonctionnalité. Voir la note en gras en haut de la réponse.
    InformationsquelleAutor LocalPCGuy
  4. 14

    Sharer.php ne vous permet plus à personnaliser. La page que vous partagez être grattée pour OG Balises et que les données seront partagées.

    De bien personnaliser, utilisez FB.UI qui vient avec le JS-kit de développement SDK.

    • Ou via Partager la boîte de dialogue, qui peut être juste un lien comme sharer.php (bien que les liens seront liés à un Facebook app, ce qui pourrait ne pas être préférable)
    InformationsquelleAutor Jack Marchetti
  5. 4

    Facebook sharer.php paramètres pour le partage de postes.

    <a href="javascript: void(0);"
   data-layout="button"
   onclick="window.open('https://www.facebook.com/sharer.php?u=MyPageUrl&summary=MySummary&title=MyTitle&description=MyDescription&picture=MyYmageUrl', 'ventanacompartir', 'toolbar=0, status=0, width=650, height=450');"> Share </a>

    Ne pas utiliser des espaces, utilisez &nbsp.

    InformationsquelleAutor Weider Lima