salut! En ce moment, les réseaux sociaux connaissent un véritable boom de popularité. Presque tous les internautes ont leur propre page dans un ou plusieurs réseaux sociaux. Quels sont les plus populaires? VKontakte et Facebook viennent immédiatement à l'esprit. Aujourd'hui, je vais vous parler du plugin WordPress VKontakte, qui ajoute des commentaires VK, des boutons sociaux et des widgets au blog.
Pour que le plugin fonctionne, vous devez avoir un compte VK. Le plugin lui-même est installé en standard:
Après l'activation, un élément distinct sera créé dans ma zone d'administration WordPress - Vkontakte API. Considérons les paramètres qui y sont présentés.
La première chose à faire est de créer une nouvelle application dans VK.
La procédure est la suivante:
- entrez le nom de l'application;
- cochez la case à côté du site Web;
- ajouter une description de l'application;
- cliquez sur "aller pour télécharger l'application".
Sur la page suivante, saisissez l'adresse du site (au format http://vash_sayt.ru) et le domaine de base (vash_sayt.ru). Si vous le souhaitez, vous pouvez ajouter une icône et télécharger une photo. Nous enregistrons les modifications. Copiez maintenant l'ID d'application et la clé protégée de la même page et collez-les dans les paramètres du plug-in de l'API Vkontakte.
Le plugin est russe, donc tous ses paramètres sont en russe. Je n'analyserai pas chaque option, je donnerai simplement mes explications.
Commentaires.
Le plugin ajoute automatiquement des commentaires VKontakte à WordPress, aucun code supplémentaire ne doit être inséré n'importe où. Les commentaires WordPress standard fonctionnent également, mais vous pouvez les désactiver en cochant la case à côté de "Supprimer les commentaires WordPress".
Médias dans les commentaires.
Quels fichiers multimédias peuvent être ajoutés au commentaire. Faites attention à l'élément Liens, que je désactiverais pour qu'il y ait moins de spam.
Comme bouton.
Ajoutez une icône "J'aime" à votre blog et personnalisez sa mise en page. Une fonctionnalité intéressante qui permet à un lecteur de parler de votre blog à ses amis.
Une autre icône de VKontakte.
Bouton J'aime de Facebook.
De nombreuses personnes m'ont demandé de préparer du matériel sur la façon d'ajouter des commentaires des réseaux sociaux Vkontakte et Facebook à un site Web créé sur le moteur WordPress. Et enfin, j'ai pris le temps et préparé cet article. Je tiens à noter tout de suite que vous devez avoir des comptes sur les deux réseaux sociaux, s'ils n'existent pas, alors commencez par vous inscrire.
Alors, commençons.
Nous ajouterons des commentaires en utilisant un plugin spécial appelé API Vkontakte. Ce plugin vous permet également d'ajouter des boutons de réseaux sociaux à votre site Web. Pour installer le plugin, allez dans la console de gestion du site dans l'élément de menu "Plugins" et cliquez sur le bouton "Ajouter nouveau".
Après cela, écrivez le nom du plugin dans la barre de recherche - API Vkontakte et appuyez sur la touche Entrée du clavier. Trouvez notre plugin et cliquez sur le bouton "Installer"
Une fois le plugin installé, cliquez sur le lien "Activer le plugin". Nous devons maintenant le configurer.
Paramètres du plugin
Après avoir installé le plugin, un nouvel élément "Vkontakte API" est apparu dans le menu de la console de gestion du site, allez-y. Devant nous se trouve le panneau des paramètres. Il y a 4 onglets dans ce panneau, trions-les dans l'ordre.
En contact avec
Si nous allons dans l'onglet Vkontakte, il nous est d'abord demandé d'indiquer l'ID de l'application et la clé protégée. Le fait est que pour interagir avec les réseaux sociaux, vous devez généralement créer une application. Cela se fait très simplement. Il y a un petit indice au-dessus des champs avec ID et clé, qui contient un lien, suivez ce lien
Ici, nous devons spécifier le nom de notre application et sélectionner le type "Site Web". Vous pouvez spécifier n'importe quel nom - personne sauf vous ne le verra. Après cela, vous devez spécifier l'adresse de notre site et le domaine de base, c'est-à-dire la même adresse uniquement sans le protocole http: //. Après avoir rempli tous les éléments, appuyez sur le bouton "Connecter le site"
Après cela, une fenêtre pop-up apparaîtra vous demandant de confirmer vos actions avec un message gratuit sur votre téléphone. Nous appuyons sur le bouton "Obtenir le code" et attendons un SMS. Habituellement, le code arrive en quelques secondes.
Entrez le code reçu et cliquez sur le bouton "Envoyer le code". Ca y est, notre application est créée! C'est aussi simple que cela. Vous n'avez plus besoin de faire d'autres réglages ici, allez simplement dans l'onglet "Paramètres" et voyez ici l'ID de l'application et la clé protégée, copiez-les un par un et collez-les dans les champs appropriés dans les paramètres de notre plugin.
Vient ensuite le bloc "Connexion" - cette fonction permet à vos visiteurs de s'inscrire sur le site via le réseau social VKontakte. Personnellement, je ne me suis pas inscrit sur mon site, mais peut-être que pour quelqu'un cette fonction sera utile.
Le bloc de paramètres suivant concerne le bouton "J'aime". Vous trouverez ci-dessous une capture d'écran montrant comment ce bouton est configuré sur mon site Web, vous pouvez également le configurer ou jouer avec les paramètres vous-même.
Lequel des boutons à mettre dépend de vous, vous pouvez mettre les deux boutons à la fois.
Viennent ensuite les paramètres de publication croisée, mais jusqu'à présent, cette fonction ne fonctionne pas complètement et est en test bêta, donc pour l'instant nous les ignorons. Nous descendons tout en bas et appuyons sur le bouton "Enregistrer les paramètres". Voilà, nous avons terminé avec les paramètres de Vkontakte, maintenant vous pouvez aller sur le site et voir ce que nous avons à la fin.
Maintenant, allez dans l'onglet avec les paramètres du réseau social Facebook. Il y a moins de paramètres ici, mais vous devez également créer une application pour que les commentaires de Facebook fonctionnent pour nous. Au tout début, tout comme dans les paramètres des commentaires de VKontakte, il y a un lien vers une page sur laquelle on peut créer une application sur Facebook, allez-y.
Il y a deux options ici:
1. Si vous n'avez pas lié votre numéro de téléphone mobile à Facebook, vous serez invité à indiquer le numéro de téléphone et à le confirmer par SMS. Malheureusement, je ne peux pas afficher ces paramètres. mon numéro est lié depuis longtemps à mon compte, mais il n'y a rien de compliqué là-dedans. Il vous suffit d'indiquer le numéro, de recevoir le code par SMS, de saisir ce code et d'envoyer. Après cela, vous aurez tout comme dans la deuxième option.
2. Votre numéro est lié et vous verrez l'image suivante:
Cliquez sur le bouton vert "Créer une nouvelle application", une fenêtre pop-up s'ouvrira dans laquelle nous devons remplir certains champs (voir la capture d'écran ci-dessous):
1. Venir avec un nom pour notre application. Ce nom ne sera visible que par vous, les utilisateurs ne le verront pas.
2. Venir avec un espace de noms. Pour être honnête, je ne comprends toujours pas à quoi sert cet article. Pour autant que je sache, c'est quelque chose comme une connexion, en général, ici vous devez spécifier un mot UNIQUE en caractères latins (au moins 6). À l'avenir, nous n'aurons plus besoin de ce mot, vous pouvez donc simplement spécifier un ensemble de lettres - cela n'a pas d'importance.
4. Cliquez sur le bouton "Créer une application"
Après cela, une fenêtre pop-up apparaîtra dans laquelle vous devez remplir le captcha (entrez les caractères de l'image) et cliquez sur "OK".
Voilà, notre application est créée. Vous n'avez plus besoin de faire d'autres réglages, copiez simplement l'ID de l'application, revenez aux paramètres du plugin et collez-le dans le champ approprié.
Dans l'étape suivante, nous devons fournir un ID administrateur afin de pouvoir gérer les commentaires. Pour obtenir un identifiant d'administrateur, vous devez vous rendre sur votre page Facebook. Il existe également deux options ici:
1. L'adresse de votre page contient des chiffres et ressemble à ceci: http://facebook.com/ 100001117382458. Copiez simplement ces numéros - il s'agit de l'ID administrateur, c.-à-d. votre identifiant.
2. L'adresse de votre page ressemble à ceci: https://www.facebook.com/ OpekunAlex,ceux. au lieu de chiffres, un identifiant alphabétique est indiqué, vous devez alors utiliser ce service - http://findmyfbid.com
Cela complète les paramètres de Facebook, vous pouvez aller sur le site et voir ce que nous avons.
Revenez aux paramètres du plugin et allez à l'onglet suivant "Boutons sociaux". Ici, nous pouvons ajouter des boutons d'autres réseaux sociaux: google +, twitter, mail.ru, camarades de classe, bouton yandex.
Il suffit de mettre le bouton "Afficher" en face du bouton souhaité, comme nous l'avons fait pour les boutons Vkontakte et Facebook. J'ajoute généralement des boutons twitter et mail.ru avec mes camarades de classe. Une fois que vous avez sélectionné les boutons souhaités, n'oubliez pas d'enregistrer vos modifications. Si vous avez un twitter, vous pouvez ajouter votre compte, alors lorsque vous cliquerez sur le bouton twitter, vos visiteurs auront un lien vers votre twitter et s'ils tweetent votre message, alors tous leurs abonnés sur twitter verront le lien vers votre twitter et éventuellement s'abonneront. Ceci termine les réglages ici.
L'onglet restant "Repos" ne nous intéresse pas. Alors Ainsi, nous avons compris comment ajouter des commentaires des réseaux sociaux Vkontakte et Facebook à un site créé sur le moteur WordPress + appris comment ajouter des boutons de médias sociaux à un site.
P.S. Si vous avez encore des questions ou si quelque chose n'était pas clair, écrivez dans les commentaires ce qui n'a pas fonctionné exactement, je vais essayer de vous aider.
Les réseaux sociaux sont la deuxième source de trafic la plus accessible pour un site Web après les moteurs de recherche, et la troisième la plus efficace. Avec la promotion correcte du projet Internet dans les réseaux sociaux, vous pouvez obtenir une augmentation du trafic de 30% et le nombre de lecteurs réguliers jusqu'à 70%!
C'est pourquoi les webmasters accordent une attention particulière aux réseaux sociaux en premier lieu, créant des pages officielles à partir du site, lançant des actualités. Et la principale plate-forme russe pour la promotion de votre site Web ou de votre entreprise sur Internet est un réseau qui fournit suffisamment de puissance pour un démarrage gratuit sans aucun investissement!
Comment insérer un widget de groupe VK?
Insérez la première partie du code après la balise d'ouverture
qui se trouve dans le fichier "footer.php" des thèmes WordPress. La deuxième partie est copiée dans la "Barre latérale" dans la section "Apparence" - "Widgets", en la plaçant dans un bloc de texte standard. Après avoir cliqué sur le bouton "Enregistrer", vous pouvez vérifier l'affichage du "Widget communautaire" sur le site.Remarque! Le code copié est divisé en deux parties en raison de l'optimisation du chargement du contenu principal sur les pages du site. Si vous avez une utilisation minimale de scripts tiers, alors lorsque vous insérez complètement le code dans le widget "Texte", le décalage horaire ne sera pas perceptible.
Comment insérer un widget VK via une iframe
Parfois, il peut y avoir un problème avec l'affichage correct du widget sur les pages du site, ce qui a des conséquences négatives dans le processus de promotion active. Il s'est avéré que le défaut est le script du widget, qui n'est pas toujours correctement traité par les navigateurs Internet.
Dans cet article, vous trouverez des informations sur la façon de le faire sur votre site. Il existe plusieurs manières. Grâce au support ou à l'utilisation de VKontakte, cela peut faire plus que simplement inclure des commentaires.L'affichage des commentaires de VKontakte est une autre façon d'améliorer le facteur comportemental sur le site. Regardons d'abord la sortie des commentaires VKontakte dans wordpress sans plugin.
Commentaires WordPress vkontakte sans plugin
Pour installer les commentaires WordPress VKontakte sur le site, vous devez d'abord vous rendre sur et remplir les champs d'édition du script. Vous pouvez décocher la case Média afin que les utilisateurs ne puissent pas télécharger de vidéos et d'images. Je ne recommande pas d'afficher plus de 15 commentaires. La largeur du widget est la norme 496, si vous le placez sur le site, vous pouvez le changer en "auto" pour que le widget tienne sur toute la largeur des commentaires et soit flexible. 
L'image montre quelle partie, dans quel fichier vous devez insérer. La première partie est définie dans header.php avant la balise de fermeture La deuxième partie, qui est volumineuse, est placée dans le fichier single.php. Si vous souhaitez que les commentaires VKontakte soient affichés avant les commentaires wordpress, recherchez la ligne de sortie des commentaires php et placez-la devant elle, comme dans l'image ci-dessous. Si vous avez besoin d'un widget ci-dessous, placez-le après. 
C'était un moyen difficile de faire des commentaires wordpress sur VKontakte, et maintenant il est temps d'apprendre de manière simple.
commentaires du plugin wordpress vk
Plugin API Vkontakte
Voici toutes les fonctionnalités:
Mais nous sommes maintenant intéressés par les commentaires de VKontakte. Après avoir installé le plugin, vous aurez Vkontakte api dans vos signets. Là, nous appuyons sur la section Vkontakte et suivons le lien pour faire une demande. 
Après avoir changé, vous devez remplir les champs obligatoires, assurez-vous de sélectionner le site Web. Vous recevrez un SMS de confirmation sur votre téléphone, après quoi l'application sera créée. Après cela, vous n'avez même pas besoin de configurer l'application, mais allez directement dans l'onglet Paramètres et nous devons copier les 2 premières lignes du plugin vkontakte api. 
Nous copions les lignes et les organisons dans le plugin, après cela, il commencera à fonctionner. Recherchez le paramètre de commentaire et définissez les paramètres souhaités. Voici mes paramètres: 
Bravo, les commentaires de VKontakte sont installés sur le site! Je vous conseille de commencer par essayer de mettre des commentaires wordpress sur VKontakte sans plugin, afin de ne pas surcharger le site avec des inutiles. Si ce n'est pas pratique, utilisez le plugin vkontakte api, qui aide beaucoup non seulement avec les commentaires.
Salutations, cher visiteur du blog. Dans cet article, nous parlerons du bloc de commentaires du réseau social Vkontakte. Prenons une installation étape par étape des commentaires sur un site / blog wordpress. Avant de commencer, parlons un peu des avantages et des inconvénients des commentaires VK.
Avantages et inconvénients du bloc de commentaires Vkontakte.
+
un afflux supplémentaire de visiteurs VK sur votre site, c'est un énorme avantage du bloc de commentaires Vkontakte sur wordpress.
Considérons en détail ce plus de commentaires, comment cela fonctionne: le point positif principal et le plus important est qu'un visiteur de votre site, laissant un commentaire sous l'article sur votre site wordpress,
duplique automatiquement ce commentaire sur votre mur, attirant ainsi l'attention sur votre site, vos amis, les visiteurs de la page.
Cela ressemble à ceci:
Les visiteurs laissent des commentaires plus souvent. Cela est dû au fait que la plupart des visiteurs de votre site sont enregistrés sur le réseau social Vkontakte, ainsi, s'il a aimé l'article ou s'il a des questions, il peut facilement laisser un commentaire sans remplir de données supplémentaires (comme cela se fait généralement en laissant des commentaires standard).
- L'inconvénient, je pense que le seul, est la non-indexabilité, par les moteurs de recherche, du bloc de commentaires Vkontakte sur le site blog / wordpress. Cela signifie que tous les commentaires que les utilisateurs ont laissés sur le réseau social ne sont pas affichés au moment de la visite du robot du moteur de recherche, donc les commentaires n'apparaissent pas dans les résultats de la recherche.
Comment mettre des commentaires sur Vkontakte sur wordpress, instructions étape par étape:
Pour installer les commentaires de VK, vous devez vous rendre sur la page des développeurs, vous pouvez le faire en cliquant sur le lien http://vk.com/dev.
2. Appuyez ensuite sur le bouton " Créer une application«.
3. Après être allé à la page, remplissez le nom (peut être n'importe quoi) et sélectionnez le type d'application - site Web. Ensuite, vous devez remplir les champs "Adresse du site" et "Domaine de base". Une fois que vous avez terminé toutes les étapes, n'hésitez pas à appuyer sur " Connecter l'application«.
4. A ce stade de l'installation des commentaires sur votre site wordpress, vous devez confirmer vos actions sur le réseau VK. Pour ce faire, cliquez sur le lien "Confirmer par SMS".
Puis "Get Code". Dans quelques minutes, un code de confirmation sera envoyé au numéro de téléphone attaché à votre page VK, qui doit être saisi dans le champ.
Si, pour une raison quelconque, le code de confirmation n'est pas venu, cliquez sur «Renvoyer le code», puis sélectionnez «Oui, laissez le robot appeler».
5. Après avoir entré le code de confirmation, cliquez sur «Envoyer le code». A ce stade, nous avons ajouté notre site à la liste des applications sur le réseau Vkontakte. Passons maintenant à la création et à la configuration du bloc de commentaires Vkontakte.
6. Accédez à la page de démarrage rapide en cliquant sur le lien http://vk.com/dev/main ... Sur cette page, nous descendons vers le bloc "Widgets". Trouvez le lien «Commentaires» et cliquez dessus.
7. A ce stade, vous devez configurer le futur bloc de commentaires VK sur le site en sélectionnant "Site / application", que nous avons créé dans, puis sélectionnez le nombre de commentaires qui seront visibles après l'article. Si vous ne souhaitez pas que les commentaires contiennent des liens, des vidéos, etc., décochez la case "Activer les commentaires étendus".
À ce stade, les paramètres du bloc de commentaires sont terminés, dans les prochaines étapes nous mettrons ce bloc de commentaires sur notre site wordpress.
8. Avant d'implémenter le code de commentaire VK, vous devez personnaliser notre bloc de commentaire en spécifiant sa largeur. Pour que le widget de commentaires Vkontakte s'intègre dans notre blog wordpress, vous devez connaître la largeur de la colonne du site dans laquelle se trouve le texte de l'article. Pour ce faire, vous devez vous rendre sur le site, sélectionner une partie du texte de l'un des articles, appuyer sur le bouton droit de la souris, puis sélectionner "Afficher le code élément" ou "Inspecter élément", le choix dépend du type de navigateur.
9. Après avoir connu la largeur de notre futur bloc de commentaires Vkontakte, nous revenons aux paramètres et définissons la largeur dont nous avons besoin.
10. A ce stade, insérez une partie du code du widget dans l'en-tête de notre site, pour cela nous avons besoin de notre site, Apparence - Editeur.Sur le côté droit, trouvez le fichier header.php et cliquez dessus. Ensuite, nous retournons aux paramètres du widget et copions la première partie du code.
Ensuite, nous retournons au panneau d'administration du site, au fichier header.php, dans le code du fichier nous trouvons la balise et collez la partie précédemment copiée du code du widget VK avant la balise trouvée. Après cela, nous sauvegardons les modifications en cliquant sur "Mettre à jour le fichier". Insérez correctement le code du widget de commentaire dans l'en-tête du site wordpress dans la capture d'écran ci-dessous.
11. La deuxième partie du code du bloc de commentaire est insérée exactement à l'endroit où vous souhaitez placer le widget. Je recommande de mettre wordpress avant les principaux commentaires. Pour ce faire, dans le panneau d'administration du site, Appearance - Editor, recherchez le fichier "comments.php" et cliquez dessus. Après cela, copiez la deuxième partie du widget et collez le code au tout début du fichier de commentaires. Ensuite, nous économisons.
Vous pouvez maintenant aller sur votre site, aller à l'article et vous réjouir, le bloc de commentaires Vkontakte a été installé avec succès sur votre site wоrdpress.
