Les boutons sociaux peuvent être utiles aux visiteurs de votre site Web ou de votre blog. En cliquant sur ces boutons, ils pourront enregistrer des liens vers des documents intéressants sur leurs comptes de réseaux sociaux.

Chacun d'eux fournit les boutons nécessaires à l'installation sur des sites tiers.

Pour « VKontakte », le code peut être trouvé.

Cependant, comme vous pouvez le constater, chacun de ces boutons charge son propre fichier js avec un script. Cela ralentit globalement le temps de chargement de la page. De plus, en utilisant du code prêt à l'emploi, le webmaster ne pourra pas concevoir les boutons des réseaux sociaux comme il le souhaite - toute la conception est située en dehors du site.

Vous trouverez ci-dessous un exemple de création d'un bloc de trois boutons sociaux, lorsque vous cliquez dessus, une nouvelle fenêtre de navigateur s'ouvre (au centre de l'écran), où le visiteur est invité à confirmer pour créer un signet. Après publication, la fenêtre se ferme.

Nous intégrons également tout ce bloc avec le thème Drupal 7.

Tout d'abord, une petite information :

Http://vkontakte.ru/share.php?url=http://Siteaddress.ru/Pageaddress

Dans ce cas, le contenu de la balise est pris comme titre

Et aussi, une sorte d'image similaire au logo est prise. Si nous devons spécifier exactement l'image, nous devons alors insérer la balise suivante dans le titre de la page (à l'intérieur du conteneur) :

2. Bouton social de Twitter - « tweet » vous permet de publier un tweet avec un texte préparé à l'avance et un lien. L'URL ressemble à ceci :

Https://twitter.com/share?text="TextTwitt&url=http://SiteAddress.ru/PageAddress

Dans ce cas, le texte du tweet doit être codé en URL, sinon des erreurs pourraient se produire. Lorsque vous cliquez sur ce lien, vous serez invité à créer un tweet contenant du texte et un lien.

3. Le signet social Facebook est similaire à VKontakte et ressemble à ceci :

Http://www.facebook.com/sharer.php?u=http://addressSite.ru/page

Supposons donc que nous souhaitions concevoir un bloc de boutons ressemblant à ceci :

En même temps, le balisage HTML est assez simple. Tout HTML se compose de trois liens :