Widget WordPress VKontakte. API VKontakte pour le plugin WordPress et la publication croisée VKontakte. Plugin API Vkontakte

Bonjour!
Des invités sont venus dans notre appartement thaïlandais loué ; c’est tellement agréable de voir des compatriotes quand on est loin de chez soi.

Aujourd'hui, je veux vous parler des principaux widgets VKontakte que vous pouvez implémenter sur votre blog. Les widgets sont de petits programmes dont chacun remplit une fonction spécifique sur un site Web, sur un appareil mobile, dans un navigateur, etc. Cela peut être un bouton, une fenêtre, un menu, une info-bulle, etc.
Vous pouvez placer un widget sur votre site Web en utilisant du code HTML. Les widgets sociaux occupent une niche distincte. Et puisqu’aujourd’hui l’un des réseaux sociaux les plus populaires sur RuNet est VKontakte, découvrons lesquels de ses outils nous pouvons utiliser sur nos blogs.

Widgets VKontakte pour WordPress

Le code de tous les widgets VKontakte disponibles se trouve dans la section « Développeurs ». Vous pouvez y accéder via le lien vk.com/dev/sites. Il existe neuf types de widgets au total :

• "Commentaires"
• "Écrire sur le mur"
• "Communautés"
• "J'aime"
• "Recommandations"
• "Les sondages"
• "Autorisation"
• "Liens de publication"
• "Abonnez-vous à l'auteur."

Examinons chacun d'eux plus en détail.

Widget de commentaires VKontakte pour le site

Remplissez le formulaire : saisissez le nom et l'adresse du site (le domaine principal sera renseigné automatiquement) ; sélectionnez le sujet du blog, le nombre de commentaires qui seront affichés. Si le nombre de commentaires dépasse celui que vous avez spécifié, tous peuvent être vus en cliquant sur le bouton « Entrées précédentes ».

Dans l'élément « Médias », vous pouvez choisir ce que les utilisateurs peuvent joindre à leurs commentaires. Par exemple, avec des paramètres comme celui ci-dessous, les utilisateurs pourront rédiger des commentaires textuels, en y joignant des graffitis et des liens :

Le widget décrit vous permettra de recevoir des commentaires de vraies personnes vivantes. Vous pourrez également supprimer ce que bon vous semble, ajouter des utilisateurs à la liste noire et confier ce travail à d'autres personnes - nommer des modérateurs.

L'écriture est sur le mur

Ce widget a été créé pour que vous puissiez citer les mots d'une autre personne qu'il a écrits dans un message VKontakte. Si vous insérez une citation via ce widget, vos lecteurs seront assurés que les informations proviennent de la source originale.

Comment installer un widget de groupe VKontakte

Vous pouvez ajouter un groupe VKontakte à votre site Web à l'aide d'un widget spécial. Insérez un lien vers un groupe ou une page publique de votre site Web ; choisissez ce qui sera affiché : les miniatures des avatars des membres, les dernières nouvelles ou simplement le nom de la communauté. Définissez la largeur et la hauteur du widget en pixels, configurez le widget de la communauté VKontakte pour qu'il corresponde au design de votre site et ajoutez le code résultant au site.

Le widget de groupe dans Contact permettra aux visiteurs de trouver rapidement votre communauté, de la rejoindre et de découvrir les nouveaux articles du blog.

Ce widget ne fonctionnera pas sans un bouton « J'aime » car il montre à vos visiteurs les articles qui ont reçu le plus de likes. Il vous permettra de comprendre quels articles votre public aime le plus, et les utilisateurs pourront lire les textes les plus intéressants inclus dans le bloc « Populaire ».

Pour ajouter ce widget VKontakte à votre site, remplissez la première partie du formulaire de la même manière que pour les commentaires. Sélectionnez le nombre de publications les plus importantes que le widget affichera, spécifiez la fréquence de mise à jour et choisissez le libellé.

Le code de ce widget comporte également deux parties, tout comme les commentaires. Ajoutez le premier d'entre eux au fichier header.php et le second à l'emplacement dont vous avez besoin sur le site.

Le widget d'enquête vous permet de demander à vos visiteurs tout ce que vous voulez. Par exemple, si vous modifiez le design, vous feriez mieux de demander aux utilisateurs ce qu’ils en pensent. Peut-être qu'ils préfèrent l'ancien ? Cela vaut la peine de leur proposer cette option – cela peut contribuer à réduire le taux de rebond.

Remplissez la première partie du formulaire par analogie avec les widgets précédents.

Posez une question et des options de réponse. Vous pouvez en ajouter de nouveaux en utilisant « ajouter » (situé sous « Options de réponse »).

Le code de ce widget comporte également deux parties séparées par des commentaires HTML.

Souvent, les utilisateurs ne veulent pas perdre de temps à s'inscrire. Ce widget vous permettra d'ajouter une autorisation à votre site Web via votre compte VKontakte. L'utilisateur n'aura pas besoin de s'inscrire : il accédera simplement au site via son profil VKontakte. Concernant l'autorisation, VKontakte a de bonnes instructions sur le lien vk.com/dev/Auth.

Ce widget permettra aux utilisateurs de partager votre contenu sur leur mur VKontakte. Ils pourront enregistrer facilement et commodément des liens vers leurs articles préférés sur le réseau social, et vous recevrez de nouveaux visiteurs de leurs amis et abonnés.

Choisissez un style de widget (basé sur la conception du site), modifiez le texte du bouton comme vous le souhaitez. Spécifiez exactement ce que les utilisateurs partageront, sélectionnez l'option du logo VKontakte et copiez le code.

Widget VKontakte pour WordPress

Règles générales pour insérer un widget VKontakte sur un site Web :

• Le code doit être inséré dans la partie du thème où vous souhaitez que le widget apparaisse. Il peut s'agir d'un fichier header.php, single.php, sidebar.php, etc. en fonction de la fonction du widget et de la conception de votre site. En savoir plus sur ces fichiers dans l'article sur . Si le code est divisé en deux parties, la première partie doit être ajoutée avant la balise de fermeture dans le fichier header.php.
• De plus, si vous aimez un widget VKontakte, vous pouvez l'ajouter dans la zone d'administration du blog (« Widgets »).
• Si vous décidez d'ajouter plusieurs widgets à votre site d'un coup, sachez que beaucoup d'entre eux contiennent une ligne de code

  Il vous suffit de l'insérer une fois, pas besoin de le dupliquer.

Si vous avez encore des questions sur l'utilisation des widgets VKontakte, regardez la vidéo :

P.S. Nos vieux amis sont venus nous rendre visite à Rayong. Ils feront ensuite un long voyage à travers la moitié de la Thaïlande et du Laos en auto-stop avec nuitées en couchsurfing et dans des monastères bouddhistes. Je suis fasciné par les voyages à petit budget, mais cela demande beaucoup d'efforts et d'énergie.

Ceux qui ont un site Web sur Wordpress ont été confrontés à la nécessité de publier sur les réseaux sociaux, mais cela a dû être fait manuellement, ce qui a bien sûr pris beaucoup de temps.

Afin de ne pas avoir à publier manuellement des publications sur les réseaux sociaux à chaque fois d'un site Web vers WordPress, un plugin spécial VKontakte API pour WordPress a été inventé, qui nous aide à automatiser le processus de publication de nos publications sur les réseaux sociaux immédiatement après leur publication sur votre site Web. .

Le plugin vous aidera à publier sur les deux plus grands réseaux sociaux VKontakte et Facebook. De plus, vous pouvez choisir de publier sur un groupe ou sur une page publique. Mais vous ne pourrez pas publier sur la page de votre compte.

Comment utiliser?

Tout d’abord, vous devez télécharger l’API VKontakte du plugin de publication croisée pour WordPress à partir du site officiel de WordPress.

Ensuite, vous devrez installer le plugin sur le site. Cela se fait comme d'habitude. Mais après il vous faudra le configurer... Je vais vous en parler maintenant.

Vous devez accéder aux paramètres du plugin, où vous verrez l'onglet VKontakte tout en haut. Vous n’avez donc besoin que des deux premiers champs pour commencer.

Puisque vous n’avez probablement pas d’application, vous devez en créer une. Cela se fait très simplement. Passons à cela lien et créons-le !

Assurez-vous d'inclure le nom !!! sélectionnez un site Web et saisissez son adresse et son domaine de base comme indiqué dans l'exemple. L'adresse est avec http, mais le domaine de base est sans. Et cliquez sur connecter le site.

Sur la photo je les ai effacés car c'est uniquement pour mon site. Ceci est fait pour des raisons de sécurité.

Ensuite, nous devons descendre dans les paramètres du plugin et saisir l'ID de votre groupe ou de votre page publique sur laquelle vous souhaitez publier des messages et un jeton d'autorisation via votre compte VKontakte, et vous pouvez définir le reste des paramètres comme je l'ai fait.

Bonjour, chers lecteurs ! Amis, aujourd'hui je vais vous montrer comment installer (insérer) Commentaires sur VKontakte vers un site Web ou un blog WordPress. Le réseau social VKontakte est la ressource la plus visitée du segment russophone d'Internet. Plus de 59 millions de personnes visitent le site chaque jour. Et l’audience du site dépasse les 130 millions d’utilisateurs. Tout le monde est parti Widget de commentaires VKontakte sur le site WordPress, il peut apparaître automatiquement sur la page du commentateur, et se retrouve également dans l’actualité de ses amis. Un tel commentaire contient toujours un lien vers l'article original. Ainsi, les amis du commentateur connaîtront le commentaire et l'existence de l'article, et pourront rejoindre la discussion. Leurs amis, à leur tour, seront informés de leurs commentaires - et ainsi de suite. De plus amples informations peuvent se propager comme une avalanche. Et c'est ce qu'on appelle la viralité .

Sélectionnez « Commentaires » dans la liste :

Sélectionnez "Commentaires" dans la liste

L'étape suivante consiste à configurer les commentaires VKontakte. Remplissez le formulaire ci-dessous:

Script de commentaire dans le fichier d'en-tête

Mettez à jour le fichier. Nous devons insérer le deuxième script dans le fichier « Commentaires » (comments.php), à l'endroit où vous souhaitez que le formulaire de commentaire VKontakte soit affiché. Dans mon exemple, j'ai inséré après le titre :

Widget de commentaires VKontakte sur le site WordPress

Comment masquer les commentaires VKontakte avec du spam (supprimer)

L'administrateur du site qui installe le code du widget a la possibilité de modérer la discussion directement depuis les pages de sa ressource, en supprimant les commentaires indésirables. Il existe un élément « administration » pour cela, voir la capture d'écran ci-dessus. Cliquez dessus et supprimez les commentaires inutiles et mettez sur liste noire les pires spammeurs :

Cela semble être tout. Dans le prochain tutoriel, je vais vous montrer comment installer des commentaires sur un site Web. J'espère que mes amis, le message vous a été utile. Bonne chance et à bientôt.

(function(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(function() ( Ya.Context.AdvManager.render(( blockId : "R-A -292864-4", renderTo : "yandex_rtb_R-A-292864-4", async: true )); )); t = d.getElementsByTagName("script"); s = d.createElement("script"); s .type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); ))(ce , this.document, "yandexContextAsyncCallbacks");

Salut tout le monde! En ce moment, les réseaux sociaux connaissent un véritable boom de popularité. La quasi-totalité des internautes possèdent leur propre page sur un ou plusieurs réseaux sociaux. Lesquels sont les plus populaires ? VKontakte et Facebook me 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 disposer d'un compte VK. Le plugin lui-même est installé en standard :

Après l'activation, un élément distinct sera créé dans le panneau d'administration WordPress - API Vkontakte. Regardons 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 :

1. entrez le nom de l'application ;
2. cochez la case du site Web ;
3. ajouter une description de la demande ;
4. Cliquez sur "Procéder au téléchargement de 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. Enregistrez 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 plugin API Vkontakte.

Le plugin est russe, donc tous ses paramètres sont en russe. Je ne vais pas passer en revue toutes les options, je vais juste donner mes explications.

Commentaires.

Le plugin ajoute automatiquement des commentaires VKontakte à WordPress ; aucun code supplémentaire ne doit être inséré nulle part. Les commentaires WordPress standard fonctionnent toujours, mais ils peuvent être désactivés en cochant la case à côté de « Supprimer les commentaires WordPress ».

Médias dans les commentaires.

Quels fichiers multimédias peuvent être ajoutés à un commentaire. Faites attention à l'élément Liens, que je désactiverais pour réduire le spam.

Bouton "J'aime".

Ajoutez une icône « J'aime » à votre blog et personnalisez son emplacement. Une fonctionnalité intéressante qui permet aux lecteurs de parler de votre blog à leurs amis.

Une autre icône de VKontakte.

Bouton J'aime sur Facebook.

Widget de message VKontakte pour votre site Web. Vous devez vous connecter à votre communauté/groupe VKontakte. P.S : Vous devez disposer des droits d'administrateur pour gérer la communauté. Allons à « Gestionnaire de communauté «

Mise en place du formulaire de message. Remplissez les champs en surbrillance (Dans la rubrique « Domaines autorisés », indiquez le nom de domaine de votre site, j'ai 2 sites, donc 2 domaines) :

Ensuite, cochez la case "Révéler immédiatement", Si tu veux. Sur mon site par exemple, ce widget s'ouvre immédiatement, sur le site http://ayti-kazan.rf il s'affiche simplement en bas à droite et s'ouvre lorsqu'on clique dessus. Copiez le code d'intégration sur le site.

Accédez au panneau d'administration de votre site. Apparence - widgets.

Ajoutez un champ de texte et collez-y le code copié. Vous pouvez également insérer ce code non pas dans les widgets, mais dans le « Footer » de votre site (surligné en jaune dans la capture d'écran, selon le thème WordPress). Dans le pied de page du site, c'est plus correct, mais je ne m'en suis pas soucié. Voyez ce qui est plus pratique. Je me sentais plus à l'aise avec les widgets. Le résultat était le même. Je l'ai testé sur 2 de mes sites. Sauvegarder.

Voici ce que nous avons obtenu :

Regardons, réjouissons-nous, célébrons le succès !!!

Widget de groupe/communauté pour un site web avec CMS WordPress. Comment ajouter un widget de groupe/communauté VK à un site Web.

Widget pour les communautés

Le widget communautaire reliera étroitement votre site au groupe ou à la page officielle correspondant En contact avec. Le widget permet de s'abonner aux actualités de la communauté sans quitter la page.

Le widget peut afficher photos d'amis utilisateur et autres membres de la communauté. Les statistiques démographiques des participants sont disponibles via le lien « Abonné… ».

Au lieu de photos, elles peuvent également être affichées nouvelles de la communauté. Dans ce cas, au bas du widget, il y aura un petit bloc avec une photo de l'ami le plus proche de l'utilisateur parmi ceux qui se sont abonnés et une liste d'autres amis de la communauté. Lorsque vous faites défiler un bloc vers le bas chargé automatiquement Entrées plus anciennes.

Connecter un widget à votre site

Pour ajouter un widget à votre site, copiez simplement le code d'intégration sur la page où vous souhaitez placer le widget.

Tout est très simple ici.