web-dev-qa-db-fra.com

Alternative open source à AddThis AddToAny, ShareThis, etc. pour le Social Bookmarking

Avant d'essayer de réinventer la roue, j'ai pensé que je demanderais aux experts.

Je recherche un bouton de signet multisocial qui me permet d'autoriser les gens à recommander des pages particulières de mon site Web à leur réseau social/lecteur de page/moteur de recherche préféré.

Contraintes (et raisons pour lesquelles je ne souhaite pas utiliser ShareThis)

  1. Le lien affiché doit être le lien réel, pas un lien raccourci. Les listes de personnes sont partagées. Je veux que le lien montre mon domaine.

  2. Le script doit être servi depuis mon propre serveur. Je me méfie des pages Web qui appellent des scripts d'un autre domaine, et je ne veux pas le faire à partir de mon domaine.

  3. Il ne devrait y avoir AUCUN contact entre le client et l'un des sites sociaux jusqu'à ce qu'il clique sur une icône de site social.

  4. Le script doit être bien documenté en interne au moins car les scripts de nom de variable courte non commentés compactés ne doivent pas s'appliquer.

  5. Le script est intégré dans une page Web statique, pas dans un CMS.

Recherche préliminaire:

Le blog Koehl avait une série à ce sujet en 2009, puis le sujet s'est estompé. À ce moment-là, il a recommandé iBegin, qui est devenu par la suite Share, et a couru à partir d'un site appelé Enthropia.com. En vérifiant ce site, il y a une démo publiée qui est clairement obsolète.

À un moment donné, AddToAny autoriserait l'hébergement sur votre propre serveur, mais ils utilisaient toujours le script pour suivre l'utilisation Web de chaque utilisateur, revendiquant un anonymat approprié. Droite. Non merci.

Un autre, OpenLike a un serveur Web mort.

Une recherche sur SourceForge est venue vide. (J'ai essayé de rechercher des noms comme AddThis, AddToAny, Sharethis, suivis de recherches sur stumbleupon, reddit, digg, google plus. Rien de pertinent.)

À ce stade, je dois lire et comprendre l'api de chaque site cible afin de pouvoir écrire un script local qui fasse la bonne chose. Pas anodin.

À bien des égards, l'idéal serait: * Un tableau d'icônes de taille et de style similaires * qui ont chacun ouvert une page Web sur la page de destination (par exemple, FB, G +, StumbleUpon ..) * avec des paramètres d'URL appropriés à cette page.

Mais je ne pense pas que la plupart de ces sites aient une interface aussi simple.

phpjavascripthtmlwebsocial
40
Sherwood Botsford

La réponse est simple. L'idéal ci-dessus fonctionne, il s'agit donc principalement de trouver le bon code et les bonnes icônes. L'élément clé de ma recherche était 'partager par URL'

Exemple 1

C'est d'un autre article sur ce site:

Boutons Facebook, Twitter et Google +1 utilisant uniquement HTML (pas de Javascript)

http://www.facebook.com/sharer.php?u=http://example.com
http://Twitter.com/share?url=http://example.com&text=Description
https://plusone.google.com/_/+1/confirm?hl=en&url=http://example.com

Exemple 2

Voir boutons de partage Wordpress sans JS ni plugins

<div class="social-button-container">
<div class="share_top_text">Share this post on:</div>
    <div class="SocialCustomMenu">
    <a class="scmTwitter" href="http://Twitter.com/home/?status=<?php the_title();?> - <?php echo wp_get_shortlink();?> via @kenmata "title="Tweet this!">Twitter</a>
    <a class="scmFacebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Facebook!">Facebook</a>
    <a class="scmGoogleplus" href="https://plus.google.com/share?url=<?php the_permalink();?> -  <?php echo wp_get_shortlink();?> "title="Share on Google +!">Google +</a>
    <a class="scmPinterest" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Pinterest!">Pinterest</a></a>
</div>
</div>

Bien que ceux-ci soient nominalement wordpress ils devraient fonctionner avec quelques modifications avec n'importe quel serveur Web utilisant php. Ou ils peuvent facilement être convertis pour utiliser la boîte à outils de modèle

Exemple 3:

Moins de liens de partage social est un autre exemple de HTML très propre.

Vous manquez certaines fonctionnalités avec ceci:

  • Pas de compteurs. Bien sûr, vous pouvez implémenter des compteurs localement.
  • Pour Facebook, les gens ne voient pas lesquels de leurs amis l'ont aimé. Pas une grande motivation pour moi.
  • À ce stade, trouver les codes pour chaque service est un obstacle.

Détails:

  • Si quelqu'un a déjà consolidé une liste de partage par URL, n'hésitez pas à poster ici. Je n'ai PAS vérifié tous les éléments suivants.
  • TITLE est le titre de l'action. Certains services l'accepteront cité. Les autres doivent être au format URL: par ex. les espaces sont% 20 L'URL doit être entièrement absolue.

blogueur

http://www.blogger.com/blog_this.pyra?t=&amp;u={url}&amp;n={title}

digg

http://digg.com/ submit?phase=2&amp;url={url}&amp;title={title}

diigo

http://www.diigo.com/post?url={url}&amp;title={title}

email

mailto:?to=&subject={title}&body={url}%0A{description}

facebook

http://www.facebook.com/sharer.php?u={url}&amp;t={title}

gmail

https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=&su={title}&body={url}%0A{description}

signet Google

http://www.google.com/bookmarks/mark?op=add&bkmk={url}&title={title}

linkedin

http://www.linkedin.com/shareArticle?mini=true&amp;url={url}&amp;title={title}&amp;ro=false&amp;summary={description}&amp;source=

mon espace

http://www.myspace.com/Modules/PostTo/Pages/?u={url}&amp;t={title}

pinterest

http://www.pinterest.com/pin/create/button/?url={url}&amp;media={image}&amp;description={title}

reddit

http://reddit.com/submit?url={url}&amp;title={title}

tumblr

http://www.tumblr.com/share/link?url={url}&amp;name={title}&amp;description={description}

Twitter

http://Twitter.com/home?status={title}%20{url}

ymail

http://compose.mail.yahoo.com/?to=&subject={title}&body={url}%0A{description}
41
Sherwood Botsford

ajouts à la liste de @Sherwood Botsford

flipboard http://share.flipboard.com/flipit/load?v=1.0&url=URL&title=TITLE

tumblr http://www.tumblr.com/share/link?url=URL&name=TITLE&description=TITLE

blogueur http://www.blogger.com/blog_this.pyra?t=&u=URL&n=TITLE

evernote http://www.evernote.com/clip.action?url=$URL&title=TITLE

getpocket http://getpocket.com/save?url=$URL&title=TITLE

Modifier - lyteshare.js est un léger javascript qui pourrait être amélioré pour ajouter plus de services

Plus de sources pour plus de liens

Deux listes très complètes:

ss.js sur github donne ce partage pinterest - qui fonctionne pour tout ce qui n'a jamais été épinglé auparavant, aucun script n'est pinterest

https://pinterest.com/pin/create/bookmarklet/?url={url}&media={image}&is_video={is_video}&description={title}

partage personnalisé netvibes avec Buffer, Baidu, hootsuite et plus

4
Mousey

Quelqu'un a-t-il appris que AddThis utilise une nouvelle forme de cookies de suivi appelée Fingerprint Canvas qui reste éternellement?

http://www.propublica.org/article/meet-the-online-tracking-device-that-is-virtually-impossible-to-block

Je pense que nous avons besoin d'alternatives open source comme http://expando.github.io/

3
Kernel James