Hoe u een communitywidget van VKontakte kunt invoegen of een andere manier om het verkeer te vergroten. Hoe een widget voor VKontakte-groepen te installeren

Sociale netwerken zijn na zoekmachines de meest toegankelijke verkeersbron voor een website, en de derde meest effectieve. Met de juiste promotie van een internetproject op sociale netwerken kunt u een toename van het verkeer met 30% bereiken, en het aantal vaste lezers met wel 70%!
Dat is de reden waarom webmasters allereerst veel aandacht besteden aan sociale netwerken, officiële pagina's van de site maken en nieuws lanceren. En het belangrijkste Russische platform voor het promoten van uw website of internetbedrijf is het netwerk, dat voldoende capaciteit biedt voor een gratis start zonder enige investering!

Hoe voeg ik een VK-groepwidget in?

Creëren lijkt geen moeilijke taak te zijn, zelfs niet voor beginners. Dankzij de intuïtieve interface van het sociale netwerk heb je alleen tijd nodig.
En om ervoor te zorgen dat het publiek van de site op de hoogte is van uw sociale pagina, moet u erover vertellen op elke manier die voor u beschikbaar is. En veel webmasters geven de voorkeur aan het widgetformaat, dat eenvoudig in webontwerp kan worden geïntegreerd. VKontakte biedt, net als andere sociale netwerken, een reeks webtools, waarvan de "Community Widget" kan worden onderscheiden.

Om te beginnen met het invoegen van code op de sitepagina's, logt u eerst in op de VKontakte-website en volgt u de link 'Ontwikkelaars' aan het einde van de pagina:

  1. Zoek het item "Autorisatie en widgets voor de site";
  2. Klik op “Community” - 3e item van boven en configureer de weergave;
  3. Geef een link op naar uw groep of publiek, zoals deze wordt weergegeven in de adresbalk;
  4. Selecteer het weergaveformaat: Deelnemers, nieuws, alleen titel (we raden de optie “Deelnemers” aan, aangezien deze vaker voorkomt bij blogs en de meeste grote sites);
  5. Pas vervolgens de afmetingen van de widget aan (breedte en hoogte in pixels) en wijzig indien nodig het kleurenschema zodat het in de sitesjabloon past.

Het eerste deel van de code wordt na de openingstag ingevoegd , dat zich bevindt in het bestand “footer.php” van WordPress-thema’s. We kopiëren het tweede deel naar de "Zijbalk" in het gedeelte "Uiterlijk" - "Widgets" en plaatsen het in een standaard tekstblok. Nadat u op de knop “Opslaan” hebt geklikt, kunt u de weergave van de “Community Widget” op de site controleren.

Opmerking! De gekopieerde code is verdeeld in twee delen om het laden van de hoofdinhoud op de sitepagina's te optimaliseren. Als u minimaal gebruik maakt van scripts van derden, zal het tijdsverschil niet merkbaar zijn als u de code volledig in de widget "Tekst" invoegt.

Hoe een VK-widget in te voegen via iframe

Soms kan er een probleem zijn met de juiste weergave van de widget op de sitepagina's, wat negatieve gevolgen heeft tijdens het actieve promotieproces. Het blijkt dat de boosdoener het widgetscript is, dat niet altijd correct wordt verwerkt door internetbrowsers.

Om dergelijke problemen te voorkomen, kunt u een andere methode gebruiken om de “Community Widget” weer te geven, waarbij u de code gebruikt die op het display is gebouwd via

Vervang in de code de numerieke waarde in de URL door het ID-nummer van uw VKontakte-groep. Deze is te vinden in het adres van de communitywall (zelfs als er een aangepaste naam is ingesteld).

VKontakte berichtwidget voor uw website. U moet inloggen op uw VKontakte-gemeenschap/groep. P.S: U moet beheerdersrechten hebben om de community te beheren. Laten we naar gaan « Gemeenschapsbeheer «

Het instellen van het berichtenformulier. Vul de gemarkeerde velden in (geef in het gedeelte “Toegestane domeinen” de domeinnaam van uw site aan, ik heb 2 sites, dus 2 domeinen):

Vink vervolgens het vakje aan "Onthul onmiddellijk", indien nodig. Op mijn website opent deze widget bijvoorbeeld direct, op de website http://ayti-kazan.rf wordt hij gewoon rechtsonder weergegeven en opent hij als je erop klikt. Kopieer de insluitcode naar de site.

Ga naar het beheerderspaneel van uw site. Uiterlijk - widgets.

Voeg een tekstveld toe en plak de gekopieerde code daar. U kunt deze code ook niet in widgets invoegen, maar in de “Footer” van uw site (geel gemarkeerd in de schermafbeelding, afhankelijk van het WordPress-thema). In de voettekst van de site is dit correcter, maar ik heb er geen moeite mee. Kijk wat handiger is. Ik voelde me meer op mijn gemak bij het gebruik van widgets. Het resultaat was hetzelfde. Getest op 2 van mijn sites. Redden.

Hier is wat we uiteindelijk hebben bereikt:

Laten we kijken, ons verheugen, succes vieren!!!

Groeps-/communitywidget voor een website met CMS WordPress. Hoe u een VK-groep/communitywidget aan een website toevoegt.

Widget voor gemeenschappen

De communitywidget koppelt uw site nauw aan de overeenkomstige groep of officiële pagina VKontakte. Met de widget kunt u zich abonneren op communitynieuws zonder de pagina te verlaten.

De widget kan worden weergegeven foto's van vrienden gebruiker en andere leden van de gemeenschap. Demografische statistieken over deelnemers zijn beschikbaar via de link 'Geabonneerd..'.

In plaats van foto's kunnen deze ook worden getoond gemeenschap nieuws. In dit geval staat er onderaan de widget een klein blokje met een foto van de beste vriend van de gebruiker, een van degenen die zich hebben geabonneerd, en een lijst met andere vrienden in de community. Wanneer u een blok naar beneden scrollt automatisch geladen oudere inzendingen.

Een widget aan uw site koppelen

Om een ​​widget aan uw site toe te voegen, kopieert u eenvoudigweg de insluitcode naar de pagina waarop u de widget wilt plaatsen.

Alles is hier heel eenvoudig.

In het laatste artikel hebben we alle beschikbare opties voor persoonlijke sites bekeken. Deze keer kijken we apart naar de VKontakte communities of groups-widget voor een website: van het maken van de widget tot het toevoegen ervan aan een website met WordPress.

Een VKontakte community- of groepswidget die op de site wordt geplaatst, zal de instroom van deelnemers in de groep vergroten en extra verkeer van vk.com ontvangen.

Om een ​​communitywidget te maken, moet u inloggen op het sociale netwerk VKontakte en via de link naar het ontwikkelaarsgedeelte gaan http://vk.com/dev/Community. Het eerste item in het formulier voor het instellen van een communitywidget voor een site is een link naar de pagina. Om de link te ontvangen, moet u de groep openen waarvoor u een widget maakt en het groepsadres vanuit de adresbalk van de browser kopiëren. Kopieer het adres en plak het in het formulier " Link naar pagina«:

  • deelnemers
  • laatste nieuws
  • alleen de naam van de groep en het aantal deelnemers

Selecteer het scherm “Deelnemers”.

In het volgende instellingenitem moet u de breedte en hoogte van de widget opgeven. De hoogte kan standaard worden gelaten, dat wil zeggen 400 pixels, maar u moet aan de breedte denken. Als u een statische site heeft waarvan het ontwerp er op elk scherm hetzelfde uitziet, hoeft u alleen de breedte te meten van de plaats waar de widget wordt geplaatst. Vaak worden widgets in een zijbalk geplaatst, dus meet de breedte van de zijbalk.

Met een adaptief ontwerp en het invoegen van de VKontakte-communitywidget in de zijbalk, moet u de breedte ervan bij elke schermresolutie meten. Dit kunt u doen door de breedte van het browservenster te wijzigen.

Laat onze breedte ook gelijk zijn aan de standaardwaarde van 220 pixels:

Vervolgens kunt u ook de achtergrondkleur, knopkleur en tekstkleur wijzigen. Het hangt allemaal af van uw voorkeuren en smaken. Het is raadzaam om kleuren te selecteren die overeenkomen met de kleuren die op de site worden gebruikt.

Een VKontakte-groepswidget op de website plaatsen

Nadat u zich op dezelfde pagina heeft ingesteld, ontvangt u een code die op de site moet worden geplaatst. Om het op de site te plaatsen, moet u deze code selecteren en kopiëren en vervolgens naar het administratieve gedeelte van uw site gaan. Omdat de meest optimale plaats voor een VKontakte-groepswidget de zijbalk is, moet je de " Widgets"(als de site op WordPress staat) en voeg een nieuwe widget toe " Tekst» in de zijkolom. Voeg vervolgens degene toe die u hebt verkregen met vk.com coderen en wijzigingen opslaan:

Laat zien dat u een Vk.com-groep heeft

Wanneer u een groepswidget aan uw site toevoegt, moet u ervoor zorgen dat deze zichtbaar is. Dan mogen we een toename van het aantal groepsleden verwachten.

Om het aantal abonnees te laten groeien, moet je bovendien interessante informatie aan de groep toevoegen en dit regelmatig doen. Dit is slechts een basisaanbeveling. Even later zullen we je vertellen hoe je een groep kunt promoten met behulp van witte en niet zo witte methoden.

Hallo allemaal! De begroetingswidget is vooral populair geworden in VK-groepen. Wat is de essentie ervan? Wanneer u naar een VKontakte-groep gaat, ziet u een bericht dat aan u persoonlijk is gericht. Bijna altijd staat uw avatar naast het bericht. Het is simpelweg onmogelijk om het niet op te merken!

Laten we eens kijken hoe het eruit ziet in de schermafbeeldingen:




Ik denk dat je het al geraden hebt: dit artikel gaat over het installeren van een welkomstwidget voor een VK-groep.

Een welkomstwidget installeren voor een VK-groep

De begroetingswidget voor de VK-groep kan via deze link worden geïnstalleerd (eerste methode)

Verbind de community via de juiste knop.


Selecteer in het volgende venster de groep waarin u de welkomstwidget wilt installeren. Ik zal het je laten zien met mijn nieuwe groep als voorbeeld. Soorten geld verdienen op internet. Ik maak van deze gelegenheid gebruik om u uit te nodigen om deel te nemen. Daarin publiceer ik aankondigingen van nieuwe artikelen en aanvullende relevante informatie.


In het volgende venster ziet u een bericht dat deze applicatie aan uw community is toegevoegd. De communitylink is actief - ga naar de groep.


Instellen van de “Welkom”-widget in de VK-groep

Om de begroetingswidget voor een VK-groep op de hoofdpagina van de community te laten verschijnen, moet deze worden geconfigureerd.

Ga hiervoor naar het tabblad Gemeenschapsbeheer- hoofdstuk Toepassingen.


U kunt de instellingen aan de linkerkant op standaard laten staan, maar u moet de naam van de applicatie wijzigen. Het moet maximaal 25 tekens lang zijn. Alleen jij zult het zien.

Sla uw wijzigingen op.

Ga nu naar de applicatie-instellingen via de link bovenaan - Widget maken.


Aandacht! Dit zal hoogstwaarschijnlijk als een verrassing voor je komen, maar een volwaardige begroetingswidget voor een VK-groep (bijvoorbeeld een persoonlijke aanbieding) is inbegrepen in het betaalde pakket van de Spycat-service. Als je geen geld wilt betalen, zullen we het hieronder hebben over de gratis (tweede) optie.

Het betaalde pakket bevat 9 widgets:

  • Persoonlijk aanbod
  • Promotionele artikelen
  • Verkooppunten
  • Hoezen
  • Promoties en kortingen
  • Recensies
  • Onze klanten
  • Evenementen
  • Tekst (gratis)

Een maandelijks abonnement kost 590 roebel.


Voor jonge groepen is dit natuurlijk wat duur, maar als de community je goede winsten oplevert, is het beter om deze widgets te gebruiken. Ze trekken echt de aandacht van bezoekers en groepen hebben een hogere respons van je publiek.

De welkomsttekstwidgetsjabloon aanpassen

Ik laat je zien hoe je een begroetingswidget voor een VKontakte-groep instelt met behulp van een gratis sjabloon. Zodra u de instellingen begrijpt, zal het aanbrengen van wijzigingen in andere widgets niet moeilijk voor u zijn.


Nadat u op de knop hebt geklikt Creëren u moet de velden van de nieuwe widget invullen.

Je kunt de tips volgen. Velden gemarkeerd met een asterisk zijn verplicht.

De naam van de welkomstwidget is alleen voor jou zichtbaar.

Denk na over de titel van de widget. Meestal wordt de bezoeker van de groep hier met voor- en achternaam aangesproken.

Hiervoor moet u de code (voornaam) gebruiken als u ze in de titel bij naam wilt aanspreken. Indien nodig kunt u met behulp van de code (achternaam) een achternaam toevoegen.


Laten we verder gaan met het invullen van het hoofdgedeelte.

Maak een hoofdtekst (verplicht veld) van maximaal 200 tekens.

Je kunt ook een beschrijving toevoegen.

Let op: u kunt het vakje naast de functie aanvinken. Niet weergeven op mobiele apparaten.

Het is een feit dat als producten in uw groep zijn verbonden, deze niet op een mobiel apparaat worden weergegeven als er een welkomstwidget is! Daarom hebben de ontwikkelaars een uitweg gevonden door de optie te gebruiken om deze widget specifiek voor mobiel verkeer uit te schakelen.

Om de begroetingswidget voor de VK-groep te laten werken, klikt u op de knop Opslaan en inschakelen.


Installeer in het volgende venster de widget in de groep.


Uw groep geeft nu een begroeting weer. Houd er rekening mee dat alleen beheerders dit kunnen zien.

Wijzig de instellingen in Sollicitatie. Stel de zichtbaarheid in op Beheerders en de zichtbaarheid van de applicatiewidget op Alle gebruikers.


De resulterende welkomsttekstwidget zal er ongeveer zo uitzien:


Je kunt altijd wijzigingen aanbrengen in de VK-begroetingswidget via de instellingen (klik op het tandwiel).


Belangrijke punten voor het instellen van welkomstwidgets

Voor tekst (gratis)


Voor Persoonlijke widget (als onderdeel van een betaald pakket)


Gratis begroetingswidget voor VK-groep

Sterker nog, ik heb een andere applicatie gevonden (we zullen het nu over de tweede methode hebben) waarmee je volledig gratis een begroetingswidget voor een VK-groep kunt installeren!

U moet het gedeelte Toepassingen in de groepsinstellingen openen en de volgende widget vinden: Widget in de community. Het ziet er zo uit:


Je kunt de instellingen aan de linkerkant voorlopig als standaard laten staan; ga direct naar de applicatie-instellingen.


Geef toegang tot communitygegevens.


In het geopende venster moet u kleine wijzigingen aanbrengen in de widget zelf. Klik gewoon op de rijen en wijzig de gegevens.


Je krijgt hints, dus het zal niet moeilijk zijn om je weg te vinden!




Besteed speciale aandacht aan de widgetknop. U kunt elke link plaatsen, maar deze mag, net als bij de eerste optie, alleen leiden naar interne pagina's van het sociale netwerk VK.


De knop kan volledig worden verwijderd. Om dit te doen, maakt u de velden leeg Naam voor de knop En URL voor materiaal.

Dit is wat er gebeurt in de “conceptversie”:


Bent u tevreden met alles, klik dan op de knop Widget installeren.

Controleer het resultaat opnieuw:


Nadat u de welkomstwidget heeft gepubliceerd, is deze in eerste instantie alleen zichtbaar voor beheerders. We moeten de instellingen opnieuw wijzigen.


Alle! Bekijk de resultaten in uw community:


Waarschijnlijk heeft iedereen gemerkt dat op de meeste moderne websites en blogs widgets voor VKontakte-groepen zijn geïnstalleerd. Hierdoor ontstaat een onlosmakelijke link tussen de thematische gemeenschap op het sociale netwerk en de thematische webbron met dezelfde naam. Waarom is dit nodig?

Waarom een ​​VKontakte-groepswidget installeren?

Allereerst is dit noodzakelijk voor die gebruikers die:

Het installeren van een VKontakte-widget voor een groep kan volgens 3 schema's worden geïmplementeerd:

1e schema – de widget op de site toont alleen leden van de VK-gemeenschap;
2e schema – de widget op de website geeft alleen nieuws uit de VK-gemeenschap weer;
3e schema – de widget op de website geeft alleen de naam van de VK-gemeenschap weer.

Tegelijkertijd is het eerste schema het meest interessant en verdient het de aandacht, wat betekent dat we in deze stapsgewijze instructies op de site zullen leren hoe we het kunnen installeren. Andere regelingen zijn veel minder gebruikelijk vanwege hun ondoelmatigheid. Waarom is dit zo?

Ten tweede is de belangrijkste gepromote bron de site, de secundaire is de VK-groep, daarom worden aankondigingen over nieuwe onderwerpen op de site in de groep gepubliceerd, en niet andersom! Als we nu de VKontakte-gemeenschap zouden promoten, zou het logisch zijn om een ​​widget met groepsnieuws op de site te plaatsen om de interesse te wekken van lezers die zich willen abonneren op de thematische gemeenschap op VKontakte.

Over het algemeen is het tijd om uw plan te implementeren: door de VKontakte-widget op alle pagina's van uw blog of website te installeren. Laten we beginnen!

De VKontakte-widget installeren: stapsgewijze instructies

1. Meld u eerst aan bij VKontakte en log in met het standaardschema (wachtwoord en login). Ga naar de sectie “Ontwikkelaars – Widgets” via de directe link:
http://vk.com/dev/Community

2. Laten we beginnen met het invullen van alle noodzakelijke velden van de VKontakte-widget. Verplichte velden kunnen worden overwogen:

— een link naar de pagina (de Contactgemeenschap die we proberen te linken naar de site);
— bekijken (standaard – Deelnemers);
— breedte van de VKontakte-widget (in pixels);
— hoogte van de VKontakte-widget (in pixels);
— kleurenpalet (achtergrond, tekst, knop).

De code voor invoeging in de site wordt automatisch gegenereerd, afhankelijk van de parameters die eraan worden doorgegeven. Het is niet nodig om de code handmatig te bewerken; vul gewoon de juiste velden in en evalueer het visuele resultaat aan de hand van het voorbeeld dat zich net onder het veld met de programmacode bevindt.

3. Als alles bij u past en het uiterlijk overeenkomt met het ontwerp van onze site waar de VKontakte-widget wordt geïnstalleerd, kunt u de gemaakte code kopiëren en op de site plakken. Om de werking van het systeem te optimaliseren, raadt de site echter aan een andere link te volgen: “Ga naar gedetailleerde widgetdocumentatie.”

Let op: om te voorkomen dat de widgetinstellingen opnieuw worden ingesteld, is het beter om de code eerst naar het klembord of Kladblok te kopiëren!

4. Zoals u kunt zien, wordt ons in de documentatie gevraagd verstandiger te handelen door de scripts in de container Titel te plaatsen en alleen een nieuw DIV-blokelement op de gewenste plaats in de hoofdtekst van de site (Body-container) in te voegen. Het is aan jou om te beslissen. Hoe dan ook, de widgetcode werkt prima en zonder een enkel probleem!

0 0