Liens de partage social avec des icônes personnalisées

Question

Je suis à la recherche de toute information solide et actuelle sur la création d'icônes de partage personnalisées pour les éléments suivants.

• Facebook
• Twitter
• Google +
• LinkedIn
• Pinterest

Toute la documentation à laquelle j'ai accès semble porter sur l'utilisation de LEURS boutons sociaux de partage ou de " like " - qui, la plupart du temps, ne sont pas très attrayants. Des choses comme socialite.js aident à gérer certains des autres problèmes qui se posent lors de l'utilisation des boutons "natifs" de partage / like (désolé, je ne sais pas comment les appeler autrement), mais ils ne sont pas très jolis pour être honnête.

Toute documentation de référence, tout tutoriel ou tout conseil serait le bienvenu.

A la vôtre.

Answer 1

Afin de personnaliser les boutons ainsi que le nombre de parts à partir de différents réseaux sociaux et services de partage d'url, vous pouvez utiliser un serveur proxy. Le serveur de boutons sociaux Meddelare fait exactement cela (pour info, je suis le développeur de Meddelare).

Meddelare : Il s'agit d'une alternative open source et auto-hébergée aux services de partage tels que AddThis et ShareThis. Comme vous gérez vous-même le serveur proxy, vous protégez également la vie privée de vos utilisateurs contre le pistage des réseaux sociaux. Les utilisateurs n'acceptent d'être suivis qu'une fois qu'ils décident de cliquer sur un bouton de partage, jamais implicitement parce qu'ils ont visité votre page.

Il existe plusieurs versions : une serveur autonome , intergiciel pour votre serveur Express.js et un backend pour des solutions entièrement personnalisées .

Ver Les exemples de Meddelare pour le JSON/JSONP que vous recevez du serveur plus l'utilisation de script.

Answer 2

URLs de partage social ~ Sur Github !

Un repo github régulièrement mis à jour et retesté, avec ce qui semble être environ ~50 ou 60 services répertoriés.

https://github.com/bradvin/social-share-urls

C'est bien mieux que la réponse acceptée. NewsVine, Delicious, Slashdot, Ping.fm, etc., sont tous des services inexistants aujourd'hui. De plus, il en manque d'autres importants, comme Skype, etc.

Answer 3

Format du lien Twitter http://twitter.com/home?status=[TITLE]+[URL] est obsolète et ne fonctionnera plus pour l'application Twitter iOS.

Utilisez plutôt le format suivant

https://twitter.com/intent/tweet?text=[TITLE]+[URL]

Source : https://dev.twitter.com/web/tweet-button

Answer 4

Voici ma solution pour facebook en php. Je suppose que vous pouvez faire la même chose pour d'autres réseaux sociaux.

function customFShare() {
    $like_results = @file_get_contents('http://graph.facebook.com/'. get_permalink());
    $like_array = json_decode($like_results, true);
    return (isset($like_array['shares']) ) ? $like_array['shares'] : "0";
}
function fShareButton() {
    return "<a data-share='http://www.facebook.com/sharer/sharer.php?u=". $your_url_here ."' href='#' rel='nofollow'><i>Icon</i> <span>". customFShare() ."</span></a>";
}

HTML

<div class="facebook-share">
    <?php echo fShareButton(); ?>
</div>

JQuery

jQuery(document).on("click",".facebook-share > a", function (e) {
        e.preventDefault();
        var winHeight = 350,
            winWidth = 520,
            winTop = (screen.height / 2) - (winHeight / 2),
            winLeft = (screen.width / 2) - (winWidth / 2),
            link = $(this).data('share');
        window.open(link, 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width=' + winWidth + ',height=' + winHeight);
    });

Vous obtiendrez un joli bouton facebook avec une icône et un compteur.

Answer 5

Si vous êtes à la recherche d'icônes de partage social pour wordpress, n'hésitez pas à consulter : https://wordpress.org/plugins/wp-image-hover-lite/