Widgets de réseaux sociaux. Icônes sociales de widget pour les groupes, les pages et les communautés

Examen des concepteurs et des scripts de boutons nationaux réseaux sociaux pour les sites Web, ainsi que leurs homologues étrangers. Bref, clair et visuel.

2. La manière facile obtenir des liens vers le site - QIP.RU
Placez un bouton sur le site et donnez aux visiteurs la possibilité d'ajouter leurs éléments de site préférés aux favoris, aux blogs et aux réseaux sociaux. Trois étapes : où placer le bouton (site web, Blogger ou WordPress), style des boutons (options prêtes à l'emploi) et obtenir le bouton.

3. Boutons pour ajouter du contenu aux réseaux sociaux - Pluso
Placez des boutons et donnez aux visiteurs la possibilité de partager leurs pages préférées sur les réseaux sociaux, ainsi que d'imprimer, d'envoyer des e-mails et d'ajouter des favoris.

4. Service d'activités sociales - UpToLike
Boutons de réseaux sociaux personnalisés avec la possibilité de définir la couleur, la forme, la taille et les effets spéciaux. Les fonctionnalités supplémentaires sont le widget de partage d'images PicShare, la fonction « Citation » et la fonction de suivi personnalisée.

5. Un seul bouton ! — pour tous les services de bookmarking et de réseaux sociaux
Sélectionnez un bouton d'affichage. Où le bouton sera installé : site Web, Blogger ou WordPress. Ajoutez un bouton.

1. Beaux boutons sociaux pour le site - goodshare.js
Afficher les boutons sur presque tous les appareils. Code propre. Bref document. Optimisé pour le référencement.

2. Script pour les boutons de bookmarking social et de réseautage - Share42
Sélectionnez la taille et marquez les icônes des services que vous souhaitez utiliser sur le site. Sélectionnez les options souhaitées. Voyez à quoi cela ressemblera et/ou téléchargez script prêt. Installez le script sur un site WordPress, Drupal, etc.

3. De superbes boutons « J'aime » pour les réseaux sociaux utilisant jQuery - Social Likes
Script pour les boutons « J’aime » avec des compteurs style uniforme pour les réseaux sociaux : Facebook, Twitter, VKontakte, Odnoklassniki, My World, Google+ et Pinterest.

1. Boutons de partage - AddThis
Les boutons de partage vous aideront à augmenter l’audience de votre site en attirant des visiteurs d’autres ressources et réseaux sociaux via du contenu distribué.

4. Partage social - Po.st
Bénéficiez de plus d'avantages en partageant sur les réseaux sociaux. Le service facilitera le processus de partage sur les réseaux sociaux pour les visiteurs, ce qui augmentera trafic organique site.

5. Boutons de partage pour n'importe quel site Web - AddToAny
Obtenez le code des boutons de réseaux sociaux pour n'importe quel site Web. Sélectionnez le type et le style des boutons, spécifiez votre e-mail et d'autres options, ou choisissez l'une des plateformes : WordPress, Drupal, Tumblr, Joomla, Elgg, WordPress.com, Blogger, TypePad ou FeedFlare. Obtenez le code du bouton.

Il n'existe probablement aucun site sur Internet qui ne contient pas boutons de publication matériel sur les réseaux sociaux. Ces derniers ont depuis longtemps et fermement pris place dans nos vies. Nous y communiquons, apprenons à nous connaître, faisons la promotion des affaires, lisons des actualités, etc. Spectre complet. Il n’est pas étonnant que les webmasters s’efforcent d’étendre la présence de leurs sites sur les réseaux sociaux par tous les moyens disponibles. Après tout, il existe des tonnes de trafic potentiel dont absolument tout le monde a besoin. Le flux de visiteurs signifie argent, réputation, croissance. Tout se construit autour de lui. Un morceau savoureux.

Les boutons sociaux sont nécessaires, c'est une évidence. La question est différente - lesquels choisir ? Nous l'avons testé pour vous TOP 5 des services différents pour ajouter du code de bouton aux sites Web. Le but est d’identifier celui qui est optimal et de le montrer en détail. Commençons par la phase de qualification.

Le choix des candidats à la comparaison s'est avéré trivial - nous avons pris services les plus populaires, dont toute personne connaissant le sujet de la création de sites Web a entendu parler. Pas de rares qui gagnent en popularité, seulement des anciens expérimentés.

La composition de l'équipe certifiée est la suivante :

À la suite du test des services sociaux sélectionnés - uSocial était le leader. Vous souhaitez maintenant recevoir une justification de notre choix. Bien entendu, nous ne resterons pas infondés.

Donnons quelques faits, qui nous a convaincu que la décision était la bonne.

Nous mettons en place un ensemble de boutons sociaux. Vous pouvez choisir affiché services de réseaux sociaux, forme et style des boutons.

Ici, vous pouvez activer le bouton "Up", activer le support appareils mobiles, connectez les services Viber, WhatsApp, Telegram, SMS.

Après avoir installé la barre sociale depuis votre compte personnel uSocial, vous pouvez visualiser statistiques de likes et de reposts pour la période sélectionnée, à la fois pour tous les réseaux sociaux à la fois et pour ceux sélectionnés. Les données sont affichées sous forme de graphiques ou de diagrammes clairs.

Si les balises méta sociales sont correctement remplies, les publications seront perçues correctement services sociaux, car ils indiquent le type de matériel, un titre pertinent et un lien vers l'image souhaitée. Tout cela augmente l'efficacité du repostage : votre matériel sera correctement indexé par les services sociaux.

Exemples code de micro-balisage pour les réseaux sociaux populaires (le code doit être écrit avant le tag) :

1. Facebook Et VKontakte utilisez le protocole Open Graph :

3. Pour Gazouillement le code ressemble à ceci :

4. Pour Google+ Donc:

- lien vers le profil de l'auteur sur Google+
- nom du site
- extrait de texte (jusqu'à 40 caractères)
- descriptif du site
- chemin d'accès au fichier image

Outils pour travailler avec du micro-balisage.

Nous tous, tout en travaillant sur notre projet, souhaitons transmettre des informations à nos lecteurs aussi rapidement et complètement que possible. Par conséquent, nous essayons de placer tout cela là où il sera toujours visible - dans la barre latérale. Et donc il n’y a toujours pas assez de place. Et nous devons également y placer des widgets pour tous les réseaux sociaux. C'est pourquoi vous devez utiliser le service Social Carousel - tous les widgets de réseaux sociaux en un. Nous parlerons ci-dessous de tous ses avantages et fonctionnalités de personnalisation.

Nous sommes souvent confrontés au problème du placement de diverses bannières publicitaires, d'informations sur les affiliés, de nos abonnements, de nos produits d'information, d'informations sur les colonnes, les articles et les commentaires sur un blog. Et bien sûr, le placement des widgets de réseaux sociaux, désormais si populaires. Et toute cette avalanche d’informations doit être placée dans un endroit visible. Et le plus souvent, cet endroit devient la barre latérale.

Classiquement, tout le monde utilise des modèles à deux colonnes (champ et barre latérale avec côté droit). Je pense qu'augmenter le nombre de colonnes n'est pas tout à fait correct, car cela encombre grandement l'espace et affecte négativement les facteurs comportementaux des visiteurs.

À propos, le titre indique Partie 1 car il s'agit du premier article d'une série sur l'économie d'espace dans la barre latérale. Dans les articles suivants, j'examinerai l'utilisation de la fonction de rotation des bannières et l'utilisation des onglets pour améliorer la convivialité du site. Par conséquent, abonnez-vous aux mises à jour du blog.

Nul besoin de prouver que participer et promouvoir sa marque sur les réseaux sociaux est désormais très important. Il est donc extrêmement important qu’ils soient présentés sur le site. Je me suis donc demandé comment implémenter la combinaison de tous les widgets de réseaux sociaux en un seul endroit. Et voilà, j'ai trouvé une solution à ce problème. Rencontrer...

Ce service gratuit, grâce à quoi il est possible d'économiser considérablement de l'espace dans la barre latérale de notre projet. Je tiens à souligner que ce service permet de placer le widget non seulement sur Moteur WordPress, mais aussi sur des sites manuscrits en insérant du code html. Tous les widgets sont comme ça réseaux populaires comme : , Facebook, Google+, YouTube et Twitter - implémentés dans un seul widget sous forme d'onglets. Visuellement, cela ressemble à ceci :

Commençons par faire connaissance. Le service widget est localisé.

Je ne parlerai pas beaucoup des paramètres ; son développeur s’est occupé d’une bonne explication de la façon dont il doit être configuré. Les instructions sont présentées dans des vidéos où l'on nous présente de manière suffisamment détaillée les fonctionnalités de son installation sur le site. Il existe quelques particularités, mais elles ne sont pas critiques et peuvent être résolues assez facilement. Le plus important est que vous n’aurez pratiquement pas à modifier le code. Le service fera tout pour vous.

Passons procédure standard inscription. Passons au service. Cliquez – Mes widgets (point 1), puis – Créer un nouveau widget (point 2). Nous remplissons le champ avec comment il s'appellera et entrons l'adresse de notre site Internet (point 3). Enregistrer (point 4).

Nous nous retrouvons dans l'onglet suivant, où se déroule la construction proprement dite. Notre widget se voit attribuer un numéro d'identification. Si vous envisagez de l'installer via Plugin WordPress, alors vous devez cocher cette case (point 1). Nous notons les dimensions dont nous avons besoin et configurons ses onglets pour qu'ils changent automatiquement (ils défileront un par un intervalle spécifié temps) (point 2). Sous forme de widget, en bas, il y aura un lien vers le développeur et on nous propose de le supprimer contre de l'argent (point 3).

Passons directement aux réseaux sociaux eux-mêmes. Vous pouvez utiliser les flèches pour définir l'ordre dans lequel se trouvent les onglets (point 4). Cliquez sur le bouton rouge pour procéder à la configuration des réseaux sociaux eux-mêmes (point 5). Vous pouvez choisir lequel d'entre eux participera au spectacle (il y a différentes situations– des problèmes avec Compte Google ou la page VKontakte est gelée).

Nous cochons la case que nous utiliserons un plugin pour WordPress (point 1). Cochez la case Activer le changement automatique d'onglet et réglez la durée de leur affichage (au bout de combien de secondes faudra-t-il pour passer au suivant) (point 2). Ensuite la partie la plus intéressante, car cette information n’est pas si évidente. Dans le widget, vous pouvez placer des groupes et des communautés de réseaux sociaux, et non des pages personnelles.

Remplissez ces champs (point 3). Nous vérifions si l'installation est correcte en cliquant sur le bouton Aperçu (étape 4). Pour voir l'ID d'un groupe VKontakte, allez dedans, déplacez votre souris sur Participants, puis clic droit

Configuration de l'ID de widget pour Twitter.

Allons sur notre page. Allez ensuite dans le coin supérieur droit - Paramètres. Dans le menu contextuel, sélectionnez – Widgets. Nous configurons le widget requis en termes de style et de taille, et dans le nouveau code généré dans la fenêtre, nous trouvons la ligne avec l'ID. Les chiffres qui suivent sont notre identifiant de widget pour Twitter. Pour voir votre connexion utilisateur sur la chaîne YouTube, connectez-vous à Google+ et accédez à ceci lien

. Prenez l'identifiant et collez-le dans le formulaire.

Pour consulter l'identifiant sur Google +, connectez-vous là-bas, accédez à Profil et vous pourrez voir les numéros dans la barre d'adresse. Ils doivent être insérés dans le champ du formulaire.

Pour Facebook (important !), nous ne copions pas le lien du profil, ni le lien du groupe, mais le lien de la page.

Ma page Facebook ressemble à ceci :

Tous. Le formulaire a été rempli. Cliquez sur Générer du code. C'est le code que nous avons. Copions-le. Nous avons maintenant 2 options pour l'installer sur le site.

Option 1. Via un plugin WordPress. Pour le copier, accédez au plugin WordPress, comme sur n'importe quel marque-page social, et téléchargez-le. Ensuite, nous l'installons en standard sur le moteur et l'activons. Puis Paramètres – Carrousel social. Nous collons notre code, entrons son identifiant, définissons les dimensions du widget et enregistrons. Allons à

Apparence

– Widgets (points 1-2). Faites glisser le widget Texte vers la barre latérale et placez-y le code suivant pour afficher le widget de réseau social :

Prêt. Nous admirons et apprécions les résultats de notre travail.

Option 2. Ce plugin a commencé à entrer en conflit avec l'un des plugins déjà installés. De plus, la tendance récente consiste à se débarrasser des objets inutiles et à gagner de la place. Par conséquent, j’ai démoli le plugin et placé notre code généré dans le fichier header.php de mon thème avant la balise de fermeture. Il s'est avéré quelque chose comme ceci :

Mon code généré

J'ai laissé le widget de la barre latérale avec la sortie telle quelle. Vous pouvez voir le résultat ici sur le blog à droite. Il est assez bien fait et présente un énorme avantage : il économise notre espace.

Enfin, regardez une vidéo sur le service :

Temps de lecture : 3 minutes.

Publié le 26/08/2016 Bonjour! Nous continuons d’analyser les plugins les plus intéressants et les plus utiles pour le site WordPress. Aujourd'hui, vous apprendrez comment ajouter très facilement un widget d'icônes sociales à votre site Web. En utilisant ce widget, vous pouvez ajouter non seulement des icônes sociales à votre site, mais aussi simplement diverses icônes sur n'importe quel site et page. Dans les paramètres du widget, vous aurez le choix entre plus de 400 icônes différentes. Vous pouvez insérer n'importe quelle icône dans chacun Adresse URL

, les réseaux sociaux ou n’importe quel site Web. Vous pouvez choisir la couleur et la taille de l'icône. Vous avez le choix entre trois styles : bords ronds, carrés et arrondis.

Vous pouvez installer le plugin Social Icons Widget by WPZOOM directement depuis le panneau d’administration WordPress. Allez sur la page : Plugins – Ajouter nouveau, saisissez le nom du plugin dans le formulaire de recherche, appuyez sur Entrée, installez et activez le plugin.

– Titre, vous pouvez spécifier un titre pour le widget.

– Description, vous pouvez spécifier une description pour le widget.

– Afficher les étiquettes des icônes, cochez la case ici pour ajouter une description aux icônes.

– Ouvrir les liens dans un nouvel onglet, cochez la case ici pour ouvrir les liens dans une nouvelle fenêtre.

– Style d'icône, il existe deux styles d'icônes, avec et sans arrière-plan.

– Style d’arrière-plan des icônes, vous pouvez choisir ici le style de l’arrière-plan des icônes, un arrière-plan avec des coins arrondis, un arrière-plan rond et un arrière-plan carré.

– Remplissage d'icône (pixels), vous pouvez spécifier ici la taille du remplissage de l'icône.

– Taille des icônes (pixels), vous pouvez définir ici la taille des icônes.

– Icônes, vous aurez trois réseaux sociaux affichés par défaut. icônes pour Facebook, Twitter et Instagram. Vous devez ajouter vos liens vers vos pages ou communautés sur ces réseaux sociaux. Enfin, enregistrez le widget

Vous pouvez également ajouter des icônes supplémentaires. Pour ajouter une icône, cliquez sur le bouton – Ajouter plus. Vous verrez un champ pour une nouvelle icône ; pour sélectionner une icône, cliquez sur la croix dans le cercle noir.

Ensuite, une fenêtre s'ouvrira pour vous permettre de sélectionner des icônes. Sélectionnez une icône, sélectionnez une couleur pour l'icône, vous pouvez sélectionner une catégorie d'icônes. Vous aurez le choix entre 4 catégories avec des icônes différentes, soit plus de 400 pièces. A la fin, cliquez sur le bouton ci-dessous - Enregistrer.