Zdravo, prijatelji! Danas ću vam reći kako napraviti VKontakte vezu u obliku dugmeta na koji se može kliknuti. Za postove VKontaktea već sam predložio ovdje na blogu i na vašem video kanalu na YouTube-u, a ovaj članak će biti dobar nastavak ove teme. I ako koristite ovu metodu u praksi ćete cijeniti njegovu moć.
Svi znate da modernog korisnika interneta nije tako lako potaknuti da nešto pročita, a još manje klikne na link. Ako glavnu ulogu u donošenju odluke „čitati ili ne čitati“ imaju naslov, prvi pasus teksta i prateća slika, onda se pri praćenju predloženih linkova ovi glavni elementi povezuju aktivnih elemenata u obliku banera i kablovskih dugmadi.
Kao rezultat čitanja ovog članka, lako možete dizajnirati svoj VKontakte post ovako:
Tehnička komponenta ovu tehniku zasniva se na činjenici da čim se link pojavi u tekstu posta, Kontakt ga automatski ponavlja ispod teksta sadržaja. Jedan od rezultata ovog algoritma njegovog rada je pregled jedne od slika postavljenih na obimu web resursa do kojih vodi link.
Ovo je pregled koji ćemo koristiti. Ako kliknete na ikonu kamere koja se pojavljuje kada mišem pređete preko pregleda, Kontakt nudi zamjenu slike bilo kojom drugom s dimenzijama ne manjim od 537x240px.
Kreirajmo datoteku u Photoshopu bijela To je upravo ta veličina koju ćemo sačuvati kao sliku. Sada, u načinu dodavanja vijesti na zid vašeg naloga ili grupe, stavite bilo koju vezu, na primjer, do članka na svom blogu, kliknite na ikonu kamere na pregledu i pozovite kontakt da preuzme naš bijela slika. Čim VKontakte izvrši preuzimanje, vidjet ćete ovu sliku:
Zatim, koristeći svoju omiljenu snimku ekrana, morate vrlo pažljivo snimiti screenshot područja koje zauzima Siva pozadina duž njene vanjske granice. Možete ga čak koristiti za ovo. Ako ne napravite snimak ekrana celog ekrana odjednom, ali ovo je najviše najbolja opcija V u ovom slučaju, zatim kontrolirajte veličinu budućeg snimka zaslona. Trebali bi biti 537x240px.
Sada u Photoshopu, otvorite ovaj snimak ekrana, uzmite alat "Pravougaonik" i kreirajte prazan pravougaonik za buduće dugme umesto belog dela slike.
U tom slučaju možete odabrati boju ovog pravokutnika neposredno prije početka ove operacije ili je možete promijeniti kasnije. Nema potrebe da uklanjate sivu sliku ili je izrezujete. I tu postoji poseban trik.
Sve što treba da uradiš je da daš dugme koje se kreira naziv, odaberite boju natpisa i pojasnite njegovu lokaciju. U ovom slučaju, sasvim je moguće da ćete prije kucanja morati privremeno onemogućiti sloj kreiranog pravokutnika. 
Dobićete nešto poput ovog predivnog dugmeta ili još bolje. Usput, možete kreirati nekoliko ovih dugmadi odjednom tako da možete brzo odabrati dugme koje odgovara boji slike vašeg posta. Nakon kreiranja takvog skupa, svaku opciju spremamo u fasciklu posebno kreiranu za dugmad.
Kada su dugmad spremna, učitavate željeno dugme umjesto pregleda kreiranog od strane Contact. U tom slučaju ne morate prilagođavati bilo kakve veličine - slobodno pritisnite dugme nakon učitavanja "Sačuvaj promjene", a sam Contact će učiniti ostalo.
Nećete imati ni nagoveštaj sive zone, već samo dugme.
Zatim dopunite budući post potrebnim sadržajem i obavezno ubacite sliku, ako je potrebno, pojasnite natpis na linku i pošaljite svoju objavu čitateljima. Neće izgledati ništa gore nego što je gore prikazano na snimku ekrana objave na početku sljedećeg zapošljavanja u .
U principu, posao nije težak, ali će od vas zahtijevati određenu tačnost u vašim postupcima. Dodaću da se dugmad mogu napraviti sa zaobljeni uglovi, možete ih uraditi manja veličina, ili jednostavno možete umetnuti gotove. Kako se to sve radi možete pogledati u videu ispod. Prvi dio je posvećen gore opisanoj metodi, a drugi svim ostalim.
Ako vam se svidjelo stvaranje takvih dugmadi za VKontakte postove, obavijestite me o tome u komentarima ispod. Naravno, ako imate bilo kakvih pitanja, nemojte se ustručavati da ih postavite tamo. Zelim ti da sve sredis bez ikakvih problema.
Srdačan pozdrav, Sergey Pochechuev.
Mnoge korisnike VKontaktea nerviraju stalni zahtjevi za prijateljstvo od stranaca. Upozorenja o njima bit će prikazana sve dok osoba ne prihvati ili odbije aplikaciju. Malo ljudi zna da programeri stranice nude rješenje ovog problema pomoću jedne opcije - dugmeta „Pretplati se“.
Korišćenjem jednostavne manipulacije vlasnik VK naloga može zamijeniti dugme „Dodaj kao prijatelja“ sa „Pretplati se“. To će vidjeti nepoznati posjetioci vaše stranice. Klikom na njega dobit ćete obavijest da je korisnik dodan među vaše pretplatnike. IN slobodno vrijeme možete odlučiti koga od njih dodati kao prijatelje.
Osoba koja se pretplati na vašu stranicu imat će pristup informacijama koje dozvoljavate svim korisnicima VKontaktea da vide u svojim postavkama privatnosti.
- Na stranici vašeg računa kliknite na strelicu prema dolje pored sličice vaše fotografije profila;
- Na padajućoj listi kliknite na odjeljak „Postavke“;
- U meniju koji se otvori idite na karticu "Privatnost";
- Otvorite blok „Kontaktirajte me“ i dozvolite obavještenja o dolaznim zahtjevima samo od prijatelja vaših prijatelja.
Provjerite jesu li na snazi specificirane radnje, to možete učiniti na sljedeći način:
I ovdje možete vidjeti da li stranci vide osnovne informacije vaše stranice, slike i geografske oznake, listu zajednica, audio snimke i listu poklona.
Ako su ove informacije otvorene za sve korisnike, tada će promjene biti dostupne osobama koje su pretplatnici. Na primjer, vidjet će objavu o dodavanju fotografija u svoje vijesti.
U grupi
Ako ste administrator zajednice, ne možete u njega instalirati dugme za pretplatu. Korisnici će se moći prijaviti samo za pridruživanje. Ali dalje službene stranice- Može. Stoga, ako želite proširiti svoju publiku na ovaj način, jednostavno promijenite postavke grupe, čineći je službenom stranicom.
Nova funkcionalnost za VK botove - dugmad za brzi odgovor ili tastatura.
BITAN! Više najnoviju verzijučlanci
Naš tim „pisca robota“ odmah se zainteresovao za ovu inovaciju i počeo da proučava zvaničnike API da vam kažem i pokažem detaljna uputstva o kreiranju bota pomoću tastature. Ovaj članak će proizvesti bota čiji rad možete vidjeti u našoj grupi GameTips u VK. Možete se pridružiti i razgovoru zajednice na VK, gdje vam mogu pomoći u rješavanju vašeg problema.
Pisaćemo koristeći Callback API (svaku radnju u zajednici šalje zasebno na server). Stoga ga također treba konfigurirati. Idemo na
“Upravljanje zajednicom” → “Rad sa API-jem”. Da bi bot radio, potrebno je da registrujete pristupni ključ. Kliknite na "Kreiraj ključ" i odaberite potrebna prava pristupa; ovom botu su potrebna samo prava na poruke. Potvrđujemo broj telefona i negdje pohranjujemo pristupni ključ. Sada idite na karticu Callback API. Unesite ime vašeg servera i odaberite najnoviju verziju API(uključeno ovog trenutka to je 5.80, i sa njim će bot predstavljen u nastavku raditi 100%). Na kartici "Vrste zahtjeva" odaberite samo dolazne poruke.
Podešavanje servera
Sada će vam trebati server za hostovanje vašeg bota. možeš koristiti besplatni hosting, na primjer 000webhost.
Ako koristite jeftin/besplatan hosting, onda će najvjerovatnije cURL biti onemogućen na njima (nećete moći slati medijske fajlove sa botom, samo tekst), a ne može se omogućiti. 000webhost je u redu s ovim, možete ga koristiti. Ako imate sopstveni server ili ste kupili dobar server, onda morate da povežete cURL za punopravan rad bot iz našeg primjera.
Kako funkcionišu Callback API i tastatura
Ja ću potrošiti kratak izlet kako sve funkcioniše. Callback API šalje vašem serveru svaki događaj koji se dogodi u grupi u obliku JSON-a. Cijela lista događaje možete pogledati na kartici “Callback API” → “Tipovi događaja”. Ovako izgleda JSON zahtjev kada korisnik pošalje poruku, u ovom slučaju klikne na dugme:
("type":"message_new","object":("date":1529668584,"from_id":89846036,"id":1522,"out":1,"peer_id":89846036,"text":"Gold fish","conversation_message_id":305,"fwd_messages":,"important":false,"random_id":0,"attachments":,"payload":"(\"animals\":\"Zlatna ribica\")" ,"is_hidden":false),"group_id":101461081)
Postoji nekoliko zanimljivih polja koja se mogu obraditi: ID korisnika, tekst poruke (tekst), opterećenje dugmeta (korisno opterećenje).
Poruke se šalju korisniku pomoću metode poruke.send. Ako pošaljete tastaturu, onda nakon svih standardnih parametara dodate parametar tastature, koji sadrži json dugmadi, ovako to izgleda:
Tastatura: ( "one_time": false, "buttons": [ [( "action": ( "type": "text", "payload": "(\"button\": \"1\")", " label": "Crveno", "boja": "negativno" ), ( "akcija": ( "tip": "tekst", "korisni teret": "(\"dugme\": \"2\)" , " oznaka": "Zelena"), "boja": "pozitivna" )]
Rad sa bibliotekom
Za rad s botom koristimo samopisnu biblioteku u PHP-u. (Ako link ne radi, onda je ovdje arhiva) možete pronaći dokumentaciju za biblioteku i preuzeti samu biblioteku. Evo kratkog popisa gotovih funkcija za pisanje bota, više detalja potražite na linku iznad. Ako želite znati o promjenama u biblioteci, napišite barem jednu poruku našoj bot na VK, putem njega ćemo vas obavještavati o promjenama.
$vk = novi vk_api(vk_key, version_api) — inicijalizacija bota. Parametri: ključ zajednice (vk_key), API verzija (version_api).
sendMessage(id, text) - funkcija za slanje poruka korisniku. Parametri: korisnički id(id), tekst poruke(tekst).
sendImage(id, patch) - funkcija za slanje slika. Parametri: korisnički id(id), putanja do slike(patch).
sendButton(id, text, buttons, one_time) - funkcija za slanje poruke sa dugmadima. Parametri: ID korisnika (id), tekst poruke (ne može biti prazan) (tekst), niz sa dugmadima (dugmad), ne potreban parametar one_time, prema zadanim postavkama false, ako je postavljeno na true, tada nakon pritiska na bilo koje dugme tastatura će nestati.
zahtjev (metoda, niz_argumenata) — univerzalna funkcija rad sa metodama. Parametri: method — naziv metode iz zvanični api, array_arguments — niz parametara.
sendOK() — Beta funkcija. Koristi se umjesto echo "ok", pomaže u slučajevima kada skripti treba dugo da se pokrene i bot počinje da ponavlja poruke nekoliko puta.
VAŽNO: ako koristite ovu funkciju, nećete vidjeti izlaz greške. Prilikom otklanjanja grešaka, zamijenite ga sa echo "ok"
Kompletan bot kod u PHP-u
Sada pređimo na sam kod, gdje je skoro svaki red komentiran.
Ovaj kod je podržan na PHP 5.6+
U bloku CONFIG navedite svoj pristupni ključ zajednici, ključ za potvrdu servera i verziju API-ja koju ste odabrali.
"Riba"], "Koje vrste postoje?", "plava"]; //Kod dugmeta "Fish" const BTN_BACK = [["command" => "start"], "<< Назад", "red"]; // Код кнопки "<< Назад" const BTN_SALMON = [["animals" =>"Pink_losos"], "Ružičasti losos", "bijeli"]; // Kod za dugme "Pink Salmon" const BTN_GOLDFISH = [["animals" => "Goldfish"], "Goldfish", "blue"]; // Kod za dugme "Zlatna ribica" const BTN_PLOTVA = [["animals" => "Plotva"], "Roach", "green"]; // Kod za dugme "Roach" $vk = new vk_api(VK_KEY, VERSION); // kreiranje instance klase za rad sa API-jem, prihvata api ključ i verziju $data = json_decode(file_get_contents("php://input")); //Prima i dekodira JSON koji je došao iz VK if ($data->type == "confirmation") ( //Ako vk zatraži izlaz ključa(ACCESS_KEY); //Dovršite skriptu slanjem ključa) $vk-> sendOK(); //Recite vk-u da smo prihvatili povratni poziv if (isset($data->type) i $data->type == "message_new") ( //Provjerite da li je ova poruka od korisnika $id = $data->object - >from_id; //Nabavite ID korisnika koji je napisao poruku $message = $data->object->text; if (isset($data->object->peer_id)) $peer_id = $data->object ->peer_id; // Dobijte peer_id chata odakle je poruka stigla else $peer_id = $id; if (isset($data->object->payload))( //dobite teret $payload = json_decode($ data->object->payload, True ); ) else ( $payload = null; ) if (isset($payload["command"]) ili mb_strtolower($message) == "start") ( //Ako je početak pritisnuto dugme ili<< назад $vk->sendButton($peer_id, "Želite li vidjeti ribu?", []); //Pošalji dugme korisniku ) else ( if ($payload != null) ( // if payload postoji prekidač ($payload["animals"])) ( //Pogledaj šta je u kućištu dugmadi "Fish": //Ako je ovo Riba $vk->sendButton($peer_id, "Sviđa mi se, izaberi", [ //Pošalji dugmad korisniku, ]); break; case "Pink_salmon": //Ako je ovo Pink Salmon $vk ->sendMessage($peer_id, "Zadrži svoj ružičasti losos!"); //pošalji poruku $vk->sendImage($peer_id, "img/pink_salmon.jpg"); //pošalji pauzu slike; slučaj "Zlatna ribica" : //Ako je ovo zlatna ribica $vk->sendMessage( $peer_id, "Ona će ti ispuniti želje..."); $vk->sendImage($peer_id, "img/goldfish.jpg"); break; case "Plotva": //Ako je ovo Roach $vk->sendMessage( $peer_id, "Oh, izgleda da je slika pomiješana)"); $vk->sendImage($peer_id, "img/plotva.jpg") ; break; default: break; ) ) ) ) ?>
Sada znate kako kod radi i možete ga prilagoditi kako vam odgovara.
Počnimo!
Prenesite svoju skriptu i biblioteku na server. Sada idite na karticu Callback API u postavkama, unesite putanju do vaše skripte u polje za adresu i kliknite na potvrdu. Ako ste sve uradili ispravno, zelena kvačica će se pojaviti pored adrese.
FAQ:
Pitanje: Uopšte ništa ne radi!
Odgovor: Znači, negdje su zabrljali. Ponovno pažljivo pročitajte članak i provjerite jeste li sve učinili. Svaki korak ulijevo može dovesti do greške...
Pitanje: Kod mene sve radi, ali slike se ne šalju.
Odgovor: Provjerite jeste li dodali folder img sa slikama. Takođe, možda koristite server koji ne podržava cURL.
Pitanje: Promijenio sam verziju na 5.78 ili bilo koju drugu. Ništa mi ne ide.
Odgovor: Koristite druge verzije API-ja osim 5.80 na vlastitu odgovornost. Na primjer, u verziji 5.78 različita imena varijabli dolaze iz VK-a (na primjer, umjesto objekt->tekst postoji objekt->tijelo), pa se skripta ruši. Potražite sve promjene API-ja
Ovaj članak odgovara na pitanje kako napraviti dugmad i isječke za promotivne postove u VK grupi. Kreiranje dugmadi i isječaka prilično je jednostavan proces; radi vaše udobnosti, opisao sam korak po korak šta trebate učiniti da biste kreirali atraktivan post pomoću dugmeta VKontakte.
Kako napraviti dugme za pretplatu u VK promo postu ili bilo koje drugo dugme
Počnimo sa dodavanjem dugmadi. Ako usmjerite promet na svoju VK grupu ili na bilo koju web stranicu, tada da biste kreirali objavu s gumbom, morate otići na odjeljak "oglašavanje" VKontaktea, kliknuti na dugme "kreiraj oglas" i odabrati "objavi s dugme” u prozoru koji se otvori. Zatim birate šta ćete tačno reklamirati, možete pokrenuti postojeću objavu u oglašavanje, da biste to uradili potrebno je da ubacite link do objave ili možete dodati novu promotivnu objavu . Dozvolite mi da vam kažem kako da kreirate novi promotivni post sa dugmetom.
Kliknite na "kreiraj unos" u prozoru koji se otvori, unesite adresu linka na koji planirate privući promet. Na primjer, pokazaću vam kako da usmjerite promet na stranicu VKontakte, ali možete unijeti i adresu web stranice.
Ovaj prozor će se otvoriti ispred vas.
U koji treba da unesete tekst unosa, ali imajte na umu da tekst ne bi trebalo da bude duži od 220 karaktera, tako da nećete moći da napišete dugačku krpu za noge.
Zatim morate umetnuti sliku buduće objave koja bi trebala biti široka 537 piksela i visoka 240 piksela. U idealnom slučaju, bolje je pripremiti jedinstvena slika(ako znate barem osnove Photoshopa) ako ne možete sami napraviti baner, onda možete snimiti neku sliku i velike veličine, a zatim ga odrežite. Slika mora biti zanimljivo korisniku da privuče njegovu pažnju, kao i da prođe reklamno pokrivanje Također ste uspjeli dobiti virusnu pokrivenost. Usput, možete izrezati direktno u VK prilikom kreiranja unosa.
Tekst koji se nalazi u blizini gumba također se može uređivati; da biste to učinili, samo kliknite na njega i unesite tekst koji će upotpuniti vaš oglas.
Zatim morate odabrati opciju dugmeta u promo post vk. Možete odabrati dugme „pretplati se“, u kom slučaju će korisnik koji će skrolovati kroz svoj news feed primijetiti vašu objavu i, kada klikne na dugme, pretplatiće se na vašu stranicu.
Dugme za pretplatu je, s jedne strane, dobro, ali s druge strane nije onoliko dobro koliko bismo željeli. Recimo da osoba nije pročitala kakvo dugme imamo, kliknula je na njega da bi jednostavno otišla u grupu i pogledala vaše postove i nije se ni planirala pretplatiti. Sa ove strane dugme nije tako dobro koliko bismo želeli; u tom slučaju ćete dobiti nezainteresovanog pretplatnika koji bi nakon nekog vremena mogao napustiti vašu grupu.
Kada analizirate postove, vidjet ćete da će takav post dobro pretvoriti pretplate (bolje od postova sa isječcima, na primjer), ali nećete moći vidjeti ljude koji su napustili grupu. One. Moguće je da osoba prvo klikne na ovo dugme da bi pogledala stranicu, a zatim se odmah odjavila iz zajednice. I analitika će biti nespretna. Ne kažem da se to dešava u 100% slučajeva, ali takva situacija se dešava.
Također možete odabrati druge opcije gumba prilikom kreiranja promotivnih postova, na primjer: Kontaktirajte, pišite, pročitajte više, idite. Ovo je slučaj ako usmjeravate promet na VKontakte zajednicu, ali ako šaljete promet, na primjer, na web stranicu, tada postoji veći izbor, imat ćete opcije za dugmad kao što su:
- Idi
- Otvori
- Više detalja
- Kupi
- Da kupim kartu
- U prodavnicu
- Red
- Prijaviti se
- Instaliraj
- Kontakt
- Fill
A ako promet ide na VK grupu, onda možete staviti ove dugmad
Kako napraviti isječak u VK grupi
Po mom mišljenju, zanimljiva opcija za dugme je isječak prilikom kreiranja reklame Ne morate kreirati baner dimenzija 537*240 i koristiti samo 220 karaktera u opisu. Ovdje već možete postaviti baner s vlastitim dimenzijama i koristiti veliko tekstualno platno. Sada ću vam reći kako napraviti isječak za oglašavanje na VKontakteu. Inače, isječak izgleda ovako, vrlo brzo ćete moći da napravite isti.
Isječak je dugme koje se nalazi ispod vašeg glavnog bannera; ne morate da pokušavate da uklopite male detalje tamo, oni će biti teško vidljivi. Obično stavim dugme „više detalja, pročitaj, saznaj, prijavi se, kupi“ ili nešto slično. Ove slike bi trebale imati dimenzije 537 * 240. U nastavku u članku sam postavio gotove isječke, ako ne možete raditi u Photoshopu, samo ih kopirajte.
Kreiranje i veličina isječka za VK post
A sada o tome kako napraviti VK isječak. Da biste napravili ovu vrstu objave, prilikom odabira opcija potrebno je da odaberete "univerzalni unos"
Kao što sam već rekao u tekstu, niste ograničeni veličinom i možete, ako želite, staviti dosta informacija, samo vam je potrebno da bude zanimljivo, inače ih neće pročitati. Nakon što ste pripremili tekst, možete postaviti svoj reklamni baner.
Nakon toga morate umetnuti isječak, da biste to učinili, kliknite na "dugme"
Odaberite sliku koja će se koristiti kao isječak i otpremite je. Zatim, sve je kao i obično, kliknite na "kreiraj" i kreirajte svoj Reklamna kampanja. Sve je nečuveno jednostavno.
I još jedan važna tačka… Testirajte dvije opcije (posebno ako usmjeravate promet na stranicu)
1) Standardno, gdje je slika veličine 537*240, cijela slika se može kliknuti (ako ne koristite dugme, onda možete dodati puno teksta i mogu ga zamutiti klikom na dugme za prikaži)
2) Opcija sa isječkom.
Obavezno uključite UTM oznake. Zašto trebaš ovo da uradiš? Osim što znate koji oglas donosi bolji promet, možete pratiti stope posete početne stranice.
Ako osoba sjedi sa mobilni telefon onda može jednostavno slučajno kliknuti na takvu sliku (sada govorim o prvoj opciji) i napustiti stranicu, u ovom slučaju može biti više tranzicija i puno više odbijanja, ali su nam po mogućnosti potrebni ciljani posjetitelji da bismo dobili više potencijalnih klijenata uz manje potrošenog novca.
Prema 2. opciji, neće biti takve greške... Osoba ovde već namerno pritiska dugme.
Da li razumiješ? one. Možete greškom ostaviti oglas na koji se može kliknuti od kojeg će biti mnogo manje ciljanih posjetitelja i onemogućiti oglas na koji se može kliknuti, ali od kojeg samo ciljanog saobraćaja. Ali na kraju, u smislu broja privučenih potencijalnih klijenata, opcija 2 može pobijediti. Ovo je sranje.
Ali možda grešim, reći ću vam samo jedno, testirajte i analizirajte.
Gotovi isječci za VK
I sada, kao što sam obećao, pripremio sam nekoliko verzija isječaka, možete ih preuzeti i zalijepiti u svoj post bez ikakvih problema.
Kako vam mogu pomoći?
