Bună prieteni! Astăzi vă voi spune cum să faceți un link VKontakte sub forma unui buton pe care se poate face clic. Pentru postările VK am sugerat deja aici pe blog și pe canalul tău video pe YouTube, iar acest articol va fi o continuare bună a acestui subiect. Și dacă aplici Pe aiciîn practică, îi vei aprecia puterea.
Știți cu toții că nu este atât de ușor să induci un internaut modern să citească ceva și cu atât mai mult să urmeze un link. Dacă titlul, primul paragraf al textului și imaginea însoțitoare joacă rolul principal în luarea deciziei „de a citi sau a nu citi” elemente active sub formă de bannere și butoane de cablu.
Ca urmare a citirii acestui articol, puteți realiza cu ușurință un astfel de design pentru postarea dvs. VK:
Componenta tehnica această tehnică se bazează pe faptul că de îndată ce un link apare în textul postării, contactul îl repetă automat sub textul conținutului. Unul dintre rezultatele unui astfel de algoritm al muncii sale este o previzualizare a uneia dintre imaginile postate pe resursa web la care duce linkul.
Această previzualizare este cea pe care o vom folosi. Dacă dați clic pe pictograma camerei care apare când treceți mouse-ul peste previzualizare, atunci Contact vă oferă să înlocuiască imaginea cu oricare alta cu dimensiuni de cel puțin 537x240px.
Creați un fișier în Photoshop alb exact această dimensiune și salvați-o ca imagine. Acum, în modul de a adăuga știri pe peretele contului sau grupului dvs., puneți orice link, de exemplu, către un articol de pe blogul dvs., faceți clic pe pictograma camerei din previzualizare și invitați persoana de contact să descarce imagine albă... De îndată ce VKontakte efectuează descărcarea, veți vedea această imagine:
Apoi, folosind capturile de ecran preferate, trebuie să faceți cu mare atenție o captură de ecran a zonei pe care o ocupă. Fundal gri de-a lungul graniței sale exterioare. Puteți folosi chiar și pentru asta. Dacă nu faceți o captură de ecran a întregului ecran deodată, dar aceasta este cea mai mare cel mai bun mod v în acest caz, apoi controlați dimensiunea viitoarei capturi de ecran. Ar trebui să aibă 537x240px.
Acum, în Photoshop, deschideți această captură de ecran, luați instrumentul "Dreptunghi"și creați un dreptunghi gol pentru butonul viitor în locul părții albe a imaginii.
În acest caz, puteți alege culoarea acestui dreptunghi imediat înainte de a începe această operațiune, sau o puteți schimba ulterior. Nu este necesar să eliminați sau să decupați imaginea în tonuri de gri. Și există un truc special în asta.
Trebuie doar să dai butonul fiind creat numele, alegeți culoarea inscripției și clarificați locația acesteia. În acest caz, este foarte posibil să fie necesar să dezactivați temporar stratul dreptunghiului creat înainte de a tasta. 
Veți obține ceva ca acest buton frumos sau chiar mai bun. Apropo, poți face imediat mai multe dintre aceste butoane pentru a putea selecta rapid un buton care se potrivește cu culoarea imaginii postării tale. După crearea unui astfel de set, salvăm fiecare opțiune într-un folder special creat pentru butoane.
Când butoanele sunt gata, încărcați butonul doritîn loc de previzualizarea creată de Contact. În același timp, nu trebuie să ajustați nicio dimensiune - apăsați cu îndrăzneală butonul după încărcare "Salvează modificările"și Contact însuși se va ocupa de restul.
Nu veți avea nici măcar un indiciu de zonă gri, ci doar un buton.
În continuare, completați viitoarea postare cu conținutul necesar și asigurați-vă că introduceți o poză, dacă este necesar, clarificați inscripția de pe link și trimiteți postarea la judecata cititorilor. Nu va arăta mai rău decât se arată mai sus în captura de ecran a postării la începutul următoarei recrutări în.
În principiu, munca nu este dificilă, dar va cere să fii atent în acțiunile tale. Voi adăuga că butoanele se pot face cu colturi rotunjite, le poți face mai mic, sau le puteți introduce pur și simplu pe cele gata făcute. Puteți vedea cum se face acest lucru în videoclipul de mai jos. Prima parte este dedicată metodei descrise mai sus, iar a doua - tuturor celorlalte.
Dacă ți-a plăcut crearea unor astfel de butoane pe care se poate face clic pentru postările VK, anunțați-mă în comentariile de mai jos. Desigur, dacă aveți întrebări, nu ezitați să le adresați acolo. Vă doresc să înțelegeți totul fără probleme.
Cu respect, Serghei Pochechuev.
Mulți utilizatori VKontakte sunt enervați de cererile constante de prietenie de la străini. Notificările despre acestea vor fi afișate până când persoana acceptă sau respinge cererea. Puțini oameni știu că dezvoltatorii site-ului oferă o soluție la o astfel de problemă folosind o singură opțiune - butonul „Abonare”.
Prin intermediul manipulări simple proprietarul contului VK poate înlocui butonul „Adaugă ca prieten” cu „Abonare”. Acesta va fi văzut de vizitatorii necunoscuti ai paginii dvs. Făcând clic pe el, veți primi o notificare că utilizatorul a fost adăugat la abonați. V timp liber poți decide pe care dintre ei să-l adaugi ca prieteni.
Persoana care se abonează la pagina ta va avea acces la informațiile pe care le permiteți tuturor utilizatorilor VKontakte să le vadă în setările de confidențialitate.
- Pe pagina contului, dați clic pe săgeata în jos de lângă miniatura fotografiei de profil;
- În lista derulantă, faceți clic pe secțiunea „Setări”;
- În meniul care se deschide, accesați fila „Confidențialitate”;
- Deschideți blocul „Contactați-mă” și permiteți notificări despre solicitările primite numai de la prietenii prietenilor dvs.
Verificați dacă a intrat în vigoare actiuni specificate, după cum urmează:
Și tot aici poți vedea dacă străinii văd informațiile de bază ale paginii tale, imagini și geotag-uri, o listă de comunități, înregistrări audio, o listă de cadouri.
Dacă aceste informații sunt deschise tuturor utilizatorilor, atunci modificările vor fi disponibile pentru persoanele din rândul abonaților. De exemplu, vor vedea o postare despre adăugarea de fotografii în fluxurile lor de știri.
In grup
Dacă sunteți administrator de comunitate, nu puteți instala butonul „abonare” în ea. Utilizatorii vor putea aplica doar pentru aderare. Dar mai departe pagini oficiale- poate sa. Prin urmare, dacă doriți să extindeți cercul audienței în acest fel, atunci pur și simplu schimbați setările grupului, făcându-l pagina oficială.
Noua funcționalitate pentru roboții VK - butoane de răspuns rapid sau tastatură.
IMPORTANT! Mai mult versiune proaspătă articole
Echipa noastră de „botografi” a devenit imediat interesată de această inovație și a început să studieze oficialul API să-ți spun și să arate instrucțiuni detaliate pentru a crea un bot folosind tastatura. Pe parcursul acestui articol, veți primi un bot, a cărui activitate se poate vedea în grupul nostru Sfaturi de jocîn VK. De asemenea, vă puteți alătura conversației comunității VK, unde vă pot ajuta cu problema dvs.
Vom scrie folosind API-ul Callback (trimite fiecare acțiune din comunitate separat la server). Prin urmare, ar trebui configurat și el. Mergi la
„Gestionarea comunității” → „Lucrul cu API”. Pentru ca botul să funcționeze, trebuie să înregistrați o cheie de acces. Apăsați „Creare key” și selectați drepturile de acces necesare, pentru acest bot aveți nevoie doar de drepturile la mesaje. Confirmăm numărul de telefon și salvăm cheia de acces undeva. Acum accesați fila API de apel invers... Punem numele serverului nostru și selectăm ultima versiune API (activat acest moment este 5.80, și cu el botul prezentat mai jos va funcționa 100%). În fila „Tipuri de solicitări”, selectați numai mesajele primite.
Ajustarea serverului
Acum veți avea nevoie de un server pentru a vă găzdui botul. poți să folosești hosting gratuit de exemplu 000webhost.
Dacă utilizați găzduire ieftină / gratuită, atunci cel mai probabil cURL va fi dezactivat pentru ele (nu puteți trimite fișiere media prin bot, doar text) și nu poate fi activat. Totul este în regulă cu 000webhost, îl poți folosi. Dacă aveți propriul dvs. server sau unul bun achiziționat, atunci trebuie să vă conectați cURL pentru munca cu drepturi depline botul din exemplul nostru.
Cum funcționează API-ul Callback și tastatura
voi cheltui scurtă excursie cum funcționează totul. API-ul de apel invers trimite către serverul dumneavoastră orice eveniment care are loc într-un grup sub formă de JSON. Lista plina evenimentele pot fi vizualizate în fila „Callback API” → „Tipuri de evenimente”. Așa arată cererea JSON când utilizatorul trimite un mesaj, în acest caz, a făcut clic pe butonul:
("type": "message_new", "object" :( "data": 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 ":" (\ "animale \": \ "Goldfish \") " , „is_hidden”: false), „group_id”: 101461081)
Există mai multe câmpuri interesante care pot fi procesate: user id, textul mesajului (text), buton payload (payload).
Mesajele sunt trimise utilizatorului folosind metoda mesaje.trimite... Dacă trimiteți tastatura, apoi după toți parametrii standard, adăugați parametrul tastaturii, care conține json-ul butoanelor, așa arată:
Tastatură: ("one_time": fals, "buttons": [[("action": ("type": "text", "payload": "(\" buton \ ": \" 1 \ ")", " etichetă ":" Roșu ")," culoare ":" negativ "), (" acțiune ": (" tip ":" text "," sarcină utilă ":" (\ "buton \": \ "2 \") " , „etichetă”: „Verde”), „culoare”: „pozitiv”)]
Lucrul cu biblioteca
Pentru ca botul să funcționeze, folosim o bibliotecă auto-scrisă în PHP. (Dacă linkul nu funcționează, atunci aici este arhiva) puteți găsi documentația pentru bibliotecă și descărca biblioteca în sine. Iată o scurtă listă de funcții gata făcute pentru scrierea unui bot, căutați mai multe detalii la linkul de mai sus. Dacă doriți să aflați despre modificările din bibliotecă, atunci scrieți cel puțin un mesaj la noi bot în VK, prin intermediul acestuia vă vom anunța despre modificări.
$ vk = nou vk_api (vk_key, version_api) - inițializare bot. Parametri: cheia comunității (vk_key), versiunea API (version_api).
sendMessage (id, text) - funcție de trimitere a mesajelor către utilizator. Parametri: ID utilizator (id), text mesaj (text).
sendImage (id, patch) - funcție pentru trimiterea imaginilor. Parametri: user id (id), calea către imagine (patch).
sendButton (id, text, butoane, one_time) - o funcție pentru trimiterea unui mesaj cu butoane. Parametri: ID utilizator (id), text mesaj (nu poate fi gol) (text), matrice cu butoane (butoane), nu parametrul necesar one_time, implicit false, dacă se setează la true, apoi după apăsarea oricărui buton, tastatura va fi ascunsă.
cerere (metodă, argumente_matrice) - functie universala lucrul cu metode. Parametri: metoda - denumirea metodei de la API oficială, array_arguments este o matrice de parametri.
sendOK () - Funcția beta. Folosit în loc de echo „ok”, ajută în cazurile în care scriptul rulează mult timp, iar botul începe să repete mesajele de mai multe ori.
IMPORTANT: dacă utilizați această funcție, atunci nu veți afișa rezultatul de eroare. În timpul depanării, înlocuiți cu ecou „ok”
Cod bot complet în PHP
Acum să trecem la codul în sine, unde aproape fiecare linie este comentată.
Acest cod este acceptat pe PHP 5.6+
În blocul CONFIG, specificați cheia de acces la comunitate, cheia de confirmare a serverului, precum și versiunea API-ului pe care ați ales-o.
„Pești”], „Și ce sunt?”, „Albastru”]; // Codul butonului "Pește" const BTN_BACK = [["command" => "start"], "<< Назад", "red"]; // Код кнопки "<< Назад" const BTN_SALMON = [["animals" =>„Somon_roz”], „Somon roz”, „alb”]; // Codul butonului "Pink somon" const BTN_GOLDFISH = [["animals" => "Goldfish"], "Goldfish", "blue"]; // Codul butonului "Goldfish" const BTN_PLOTVA = [["animals" => "Plotva"], "Roach", "green"]; // Codul butonului „Roach” $ vk = new vk_api (VK_KEY, VERSION); // crearea unei instanțe a unei clase pentru lucrul cu api, acceptă o cheie și versiunea api $ data = json_decode (file_get_contents ("php: // input")); // Primește și decodifică JSON primit de la VK dacă ($ date-> tip == „confirmare”) (// Dacă vk solicită o ieșire cu cheie (ACCESS_KEY); // Finalizează scriptul trimițând cheia) $ vk-> sendOK (); // Spune-i lui vk că am primit un apel invers dacă (isset ($ data-> tip) și $ data-> type == "message_new") (// Verificați dacă acesta este un mesaj de la utilizator $ id = $ data-> object-> from_id; // Obține id-ul utilizatorului care a scris mesajul $ mesaj = $ date-> object-> text; if (isset ($ data-> object-> peer_id)) $ peer_id = $ data-> object-> peer_id; // Obține peer_id-ul chat-ului, de unde a venit mesajul else $ peer_id = $ id; if (isset ($ date-> object-> payload)) (// obține payload $ payload = json_decode ( $ date-> object-> payload, True );) else ($ payload = null;) if (isset ($ payload ["comandă")) sau mb_strtolower ($ mesaj) == "start") (// Dacă butonul de pornire este apăsat sau<< назад $vk->sendButton ($ peer_id, „Vrei să te uiți la pește?”, []); // Trimiteți butonul utilizatorului) altfel (dacă ($ sarcină utilă! = Null) (// dacă sarcina utilă există comutați (sarcina utilă $ ["animale"]) (// Vezi ce este în cazul butoanelor de sarcină utilă "Pește": // Dacă este Fish $ vk-> sendButton ($ peer_id, „Aceștia sunt cei, alegeți”, [// Trimiteți butoanele utilizatorului,]); break; case „Pink_salmon”: // Dacă acesta este Pink somon $ vk-> sendMessage ($ peer_id, "Păstrează-ți somonul roz!"); // trimite un mesaj $ vk-> sendImage ($ peer_id," img / pink_salmon.jpg "); // trimite o pauză de imagine; caz" Goldfish „: // Dacă este un Goldfish $ vk-> sendMessage ( $ peer_id, „Ea îți va îndeplini dorințele...”); $ vk-> sendImage ($ peer_id, „img / goldfish.jpg”); break; case „Plotva”: // Dacă acesta este Roach $ vk-> sendMessage ( $ peer_id, „Oh, se pare că imaginea este confuză)”); $ vk-> sendImage ($ peer_id, „img / plotva.jpg”) ; pauză; implicit: pauză;))))?>
Acum știi cum funcționează codul și îl poți personaliza singur.
Să începem!
Încărcați scriptul și biblioteca pe server. Acum accesați fila Callback API din setări, introduceți calea către script-ul dvs. în câmpul de adresă și faceți clic pe confirmare. Dacă ați făcut totul corect, lângă adresă va apărea o bifă verde.
FAQ:
Întrebare: Nimic nu funcționează deloc!
Răspuns: Deci s-au încurcat undeva. Recitiți din nou articolul cu atenție și verificați dacă ați făcut totul. Orice pas spre stânga poate duce la o eroare...
Întrebare: Totul merge la mine, dar pozele nu sunt trimise.
Răspuns: Verificați dacă ați adăugat dosarul img cu imagini. De asemenea, poate utilizați un server care nu acceptă cURL.
Întrebare: Am schimbat versiunea la 5.78 sau orice altceva. Nu merge nimic pentru mine.
Răspuns: Utilizați alte versiuni api în afară de 5.80 pe propriul risc. De exemplu, pe versiunea 5.78, alte nume de variabile provin din VK (de exemplu, obiect-> corp merge în loc de obiect-> text), așa că scriptul se blochează. Căutați toate modificările API
Acest articol are un răspuns la întrebarea cum să faci butoane și fragmente pentru postările promoționale din grupul VK. Crearea de butoane și fragmente, procesul este destul de simplu, pentru confortul dvs. am descris pas cu pas ce trebuie să faceți pentru a crea o postare atractivă cu un buton VKontakte.
Cum să faci un buton de abonare într-o postare promoțională VK sau orice alt buton
Să începem prin a adăuga butoane. Dacă generați trafic către grupul dvs. VK sau către orice site, atunci pentru a crea o intrare cu un buton, trebuie să mergeți la secțiunea „reclamă” din VKontakte, să faceți clic pe butonul „creați anunț” și să selectați „intrare”. cu un buton" în fereastra care se deschide, atunci alegi deja ce anume vei face publicitate, poți lansa o postare activă în reclamă, pentru asta trebuie să inserezi un link către postare sau poți adăuga o nouă promoție post. Permiteți-mi să vă spun cum este creată o nouă postare promoțională cu un buton.
Faceți clic pe „creați o intrare” în fereastra care se deschide, introduceți adresa linkului unde intenționați să generați trafic, de exemplu, vă voi arăta cum să conduceți trafic către pagina VKontakte, dar puteți introduce și adresa unui site-ul.
O astfel de fereastră se va deschide în fața ta.
În care trebuie să introduceți textul intrării, dar rețineți că textul nu trebuie să depășească 220 de caractere, deci nu veți putea scrie o cârpă lungă pentru picioare.
Apoi, trebuie să inserați o imagine a postării viitoare, care ar trebui să aibă 537 pixeli lățime și 240 pixeli înălțime. În mod ideal, este mai bine să vă pregătiți imagine unică(dacă cunoașteți cel puțin elementele de bază ale Photoshop) dacă nu puteți face singur un banner, atunci puteți face niște imagini și dimensiuni mari, apoi tăiați-l. Imaginea ar trebui să fie utilizator interesant pentru a-i atrage atenția, precum și pentru a trece pe acolo acoperire publicitară De asemenea, ați reușit să obțineți acoperire virală. Apropo, puteți tăia direct în vk atunci când creați o intrare.
Textul care se află lângă buton poate fi și el editat, pentru a face acest lucru, trebuie doar să faceți clic pe el și să introduceți textul care va completa anunțul dvs.
Apoi, trebuie să selectați opțiunea butonului în postare promoțională vk. Puteți selecta butonul „subscribe” în acest caz, un utilizator care va derula prin fluxul său de știri, va observa postarea dvs. și, atunci când va apăsa pe buton, se va abona la pagina dumneavoastră.
Butonul „subscribe” este bun pe de o parte, dar nu atât de bun pe cât ne-am dori pe de altă parte. Să presupunem că o persoană nu a citit ce fel de buton avem, a făcut clic pe el, pentru a merge pur și simplu la grup și a vedea intrările tale și nici măcar nu a planificat să se aboneze. Pe această parte, butonul nu este atât de bun pe cât ne-am dori, în acest caz vei primi un abonat neinteresat care, după un timp, poate părăsi grupul tău.
Când analizați postările, veți vedea că o astfel de postare va converti bine abonamentele (mai bine decât postările cu fragmente, de exemplu), dar nu veți putea vedea persoanele care au părăsit grupul. Acestea. un astfel de moment este permis ca o persoană să facă mai întâi clic pe acest buton pentru a vizualiza pagina și apoi să se dezaboneze imediat de la comunitate. Iar analiticele vor fi neîndemânatice. Nu spun că acest lucru se întâmplă 100% din timp, dar o astfel de situație are loc.
De asemenea, puteți alege și alte opțiuni pentru butoane atunci când creați postări promoționale, de exemplu, cum ar fi: Contact, scrieți, mai multe detalii, mergeți. Acest lucru se întâmplă dacă atrageți trafic către comunitatea VK, dacă turnați trafic către site, de exemplu, atunci există mai multe opțiuni, veți avea opțiuni pentru butoane precum:
- Mergi la
- Deschis
- Mai multe detalii
- Cumpără
- Pentru a cumpăra un bilet
- La magazin
- A comanda
- Inscrie-te
- Instalare
- a lua legatura
- Completati
Și dacă traficul merge către grupul VK, atunci acestea sunt butoanele pe care le poți pune
Cum să faci un fragment într-un grup VK
După părerea mea, un snippet este considerat o opțiune interesantă pentru un buton, la creare reclame Nu sunteți obligat să creați un banner cu dimensiunile 537 * 240 și să utilizați doar 220 de caractere în descriere. Aici puteți încărca deja un banner cu propriile dimensiuni și puteți utiliza o pânză mare de text. Acum vă voi spune cum să faceți un fragment pentru publicitatea VKontakte. Apropo, fragmentul arată așa, foarte curând veți putea face același lucru.
Fragmentul este un buton situat sub bannerul principal, nu trebuie să încerci să încadrezi mici detalii acolo, acestea vor fi greu de observat. De obicei pun butonul „mai mult, citește, învață, înregistrează-te, cumpără” sau așa ceva. Aceste imagini ar trebui să aibă dimensiunile 537 * 240 de mai jos în articolul pe care l-am amenajat fragmente gata făcute, dacă nu puteți lucra în Photoshop, atunci copiați-le.
Creați și măriți un fragment pentru o postare VK
Și acum despre cum să faci un fragment VK. Pentru a face o astfel de opțiune de postare, atunci când alegeți opțiuni, trebuie să selectați „post universal”
După cum am spus în text, nu ești limitat în dimensiune și poți, dacă dorești, să găzduiești o mulțime de informații acolo, doar că trebuie să fie interesantă, altfel nu o vor citi. După ce ați pregătit textul, puteți încărca anunțul banner.
După aceea, trebuie să introduceți un fragment, pentru aceasta faceți clic pe „buton”
Selectați o imagine pentru a fi folosită ca fragment și încărcați-o. Apoi, ca de obicei, faceți clic pe „creați” și creați-vă campanie publicitara... Totul este revoltător de simplu.
Și încă unul punct important… Testați două opțiuni (mai ales dacă conduceți trafic către site)
1) Standard, unde imaginea are dimensiunea de 537 * 240, întreaga imagine este clickabilă (dacă nu folosiți butonul, atunci puteți adăuga mult text și aici se pot mânji făcând clic pe butonul arată complet)
2) Opțiune cu un fragment.
Asigurați-vă că puneți etichete UTM. De ce trebuie să faci asta? Pe lângă faptul că știți care anunț primește cel mai bun trafic, puteți urmări ratele de respingere.
Dacă o persoană stă cu telefon mobil apoi poate doar accidental să facă clic pe o astfel de imagine (vorbesc despre prima opțiune acum) și să părăsească site-ul, în acest caz pot fi mai multe clicuri și mult mai multe sărituri, dar avem nevoie disperată de vizitatori țintă pentru a obține mai multe clienți potențiali cu mai putini bani...
Conform celei de-a doua variante, nu va exista o astfel de eroare ... Persoana de aici apasă deja butonul intenționat.
Intelegi? acestea. Puteți lăsa, din greșeală, un anunț mai pe care se poate da clic din care vor fi mult mai puțini vizitatori vizați și să dezactivați un anunț mai puțin pe care se poate da clic, dar din care va merge doar traficul vizat... Și, ca rezultat, opțiunea 2 poate câștiga prin numărul de clienți potențiali atrași. Aceasta este o prostie.
Dar s-ar putea sa ma insel, va spun un singur lucru, testati si analizati.
Fragmente gata pentru VK
Și acum, așa cum am promis, am pregătit mai multe opțiuni pentru fragmente, le puteți descărca fără să vă deranjați și le puteți introduce în postarea dvs.
Cu ce vă pot ajuta?
