Ciao amici! Oggi ti dirò come creare un collegamento VKontakte sotto forma di un pulsante cliccabile. Per i post di VKontakte, ho già suggerito qui sul blog e sul tuo canale video su YouTube, e questo articolo sarà una buona continuazione di questo argomento. E se ti candidi Da questa parte in pratica, ne apprezzerai il potere.
Sapete tutti che non è così facile indurre un moderno utente di Internet a leggere qualcosa, per non parlare di fare clic su un collegamento. Se l'intestazione, il primo paragrafo del testo e l'immagine di accompagnamento svolgono il ruolo principale nel prendere la decisione "leggere o non leggere", allora nel caso di seguire i collegamenti proposti, questi elementi principali sono collegati elementi attivi sotto forma di banner e pulsanti per cavi.
Come risultato della lettura di questo articolo, puoi facilmente realizzare il seguente design del tuo post VKontakte:
Componente tecnica questa tecnica si basa sul fatto che non appena compare un link nel testo del post, il Contatto lo ripete automaticamente sotto il testo del contenuto. Uno dei risultati di un tale algoritmo del suo lavoro è l'anteprima di una delle immagini pubblicate sul volume delle risorse web a cui porta il collegamento.
Questa è l'anteprima che useremo. Se fai clic sull'icona della fotocamera che appare quando passi il mouse sopra l'anteprima, Contact propone di sostituire l'immagine con qualsiasi altra con dimensioni di almeno 537x240px.
Crea un file in Photoshop Colore bianco di queste dimensioni e salvalo come immagine. Ora, nella modalità di aggiunta di notizie alla bacheca del tuo account o gruppo, metti un qualsiasi link, ad esempio, ad un articolo del tuo blog, clicca sull'icona della fotocamera nell'anteprima e offri al contatto per scaricare il nostro immagine bianca. Non appena VKontakte verrà scaricato, vedrai questa immagine:
Successivamente, usando il tuo strumento di screenshot preferito, devi fare uno screenshot con molta attenzione dell'area occupata da sfondo grigio lungo il suo confine esterno. Puoi persino usare . Se non fai uno screenshot dell'intero schermo in una volta, ma questo è il massimo il modo migliore in questo caso, quindi controlla le dimensioni dello screenshot futuro. Dovrebbero essere 537x240px.
Ora in Photoshop apri questo screenshot, prendi lo strumento "Rettangolo" e crea un rettangolo vuoto per il pulsante futuro al posto della parte bianca dell'immagine.
In questo caso, puoi scegliere il colore di questo rettangolo immediatamente prima di iniziare questa operazione, oppure puoi cambiarlo in un secondo momento. Non è necessario rimuovere l'immagine grigia o ritagliarla. E c'è un trucco speciale in questo.
Dovrai solo dare pulsante da creare nome, scegli il colore dell'iscrizione e chiarisci la sua posizione. In questo caso, è del tutto possibile che sia necessario disattivare temporaneamente il livello del rettangolo creato prima di digitare. 
Otterrai qualcosa come questo bellissimo pulsante o anche meglio. A proposito, puoi creare immediatamente diversi di questi pulsanti per poter selezionare rapidamente un pulsante che corrisponda al colore dell'immagine del tuo post. Dopo aver creato un tale set, salviamo ogni opzione in una cartella creata appositamente per i pulsanti.
Quando i pulsanti sono pronti, carichi pulsante desiderato invece dell'anteprima creata da Contact. In questo caso, non è necessario regolare le dimensioni: sentiti libero di premere il pulsante dopo il caricamento "Salvare le modifiche" e Contact stesso farà il resto.
Non avrai nemmeno un accenno di un'area grigia, ma ci sarà un pulsante.
Successivamente, integra il post futuro con il contenuto necessario e assicurati di inserire un'immagine, se necessario, specifica l'iscrizione sul link e invia il tuo post ai lettori. Non sembrerà peggio di quanto mostrato sopra nello screenshot del post all'inizio del prossimo set in .
In linea di principio, il lavoro è semplice, ma richiederà una certa precisione nelle azioni da parte tua. Aggiungerò che i pulsanti possono essere realizzati con angoli arrotondati, puoi farli più piccola, oppure puoi semplicemente inserire quelli già pronti. Puoi vedere come è fatto nel video qui sotto. La prima parte è dedicata al metodo sopra descritto e la seconda a tutto il resto.
Se ti è piaciuta la creazione di tali pulsanti cliccabili per i post VK, fammelo sapere nei commenti qui sotto. Naturalmente, se avete domande, sentitevi liberi di farle lì. Ti auguro di capire tutto senza problemi.
Cordiali saluti, Sergey Pochechuev.
Molti utenti di VKontakte sono infastiditi dalle continue richieste di amicizia da parte di estranei. Gli avvisi su di loro verranno visualizzati fino a quando la persona non accetta o rifiuta la domanda. Poche persone sanno che gli sviluppatori del sito offrono una soluzione a un problema del genere con l'aiuto di un'unica opzione: il pulsante "Iscriviti".
attraverso semplici manipolazioni il proprietario dell'account VK può sostituire il pulsante "Aggiungi agli amici" con "Iscriviti". Sarà visto da visitatori sconosciuti alla tua pagina. Cliccandoci sopra, arriverà una notifica che l'utente è stato aggiunto agli abbonati. A tempo libero Puoi decidere quale aggiungere come amico.
La persona che si iscrive alla tua pagina avrà accesso alle informazioni che consenti a tutti gli utenti di VKontakte di vedere nelle impostazioni sulla privacy.
- Nella pagina dell'account, fai clic sulla freccia verso il basso accanto alla miniatura della foto del profilo;
- Nell'elenco a discesa, fare clic sulla sezione "Impostazioni";
- Nel menu che si apre, vai alla scheda "Privacy";
- Apri il blocco "Contattami" e consenti le notifiche delle applicazioni in arrivo solo dagli amici dei tuoi amici.
Controlla se è in vigore azioni specificate, può essere fatto come segue:
E qui puoi anche vedere se gli estranei vedono le informazioni di base della tua pagina, immagini e geotag, un elenco di comunità, registrazioni audio, un elenco di regali.
Se queste informazioni sono aperte a tutti gli utenti, le modifiche saranno disponibili per le persone tra gli abbonati. Ad esempio, vedranno una nota sull'aggiunta di foto nei loro feed di notizie.
In un gruppo
Se sei l'amministratore della community, non puoi impostare il pulsante "iscriviti" al suo interno. Gli utenti potranno solo fare domanda per aderire. Ma su pagine ufficiali- potere. Pertanto, se desideri espandere la tua cerchia di pubblico in questo modo, modifica semplicemente le impostazioni del gruppo rendendolo una pagina ufficiale.
Nuova funzionalità per i robot VK: pulsanti di risposta rapida o tastiera.
IMPORTANTE! Di più versione fresca articoli
Il nostro team di "bot-pittori" si è subito interessato a questa innovazione e ha iniziato a studiarne l'ufficialità API per dirti e mostrarti istruzioni dettagliate per creare un bot utilizzando la tastiera. Nel corso di questo articolo, otterrai un bot, il cui lavoro puoi vedere nel nostro gruppo Suggerimenti di gioco in VK. Puoi anche unirti alla conversazione della community VK, dove possono aiutarti con un problema che è sorto.
Scriveremo utilizzando l'API Callback (invia ogni azione nella comunità separatamente al server). Pertanto, dovrebbe anche essere configurato. Vai a
“Gestione della comunità” → “Lavorare con l'API”. Affinché il bot funzioni, è necessario registrare una chiave di accesso. Fai clic su "Crea chiave" e seleziona i diritti di accesso necessari, questo bot ha solo bisogno dei diritti sui messaggi. Confermiamo il numero di telefono e salviamo la chiave di accesso da qualche parte. Ora vai alla scheda API di richiamata. Inserisci il nome del tuo server e seleziona ultima versione API(su questo momentoè 5,80, ed è con esso che il bot presentato di seguito funzionerà al 100%). Nella scheda "Tipi di richieste", seleziona solo i messaggi in arrivo.
Ottimizzazione del server
Ora avrai bisogno di un server per ospitare il tuo bot. Puoi usare hosting gratuito, ad esempio 000webhost.
Se utilizzi un hosting economico/gratuito, molto probabilmente cURL sarà disabilitato su di essi (non sarai in grado di inviare file multimediali al bot, solo testo) e non può essere abilitato. Va tutto bene con 000webhost, puoi usarlo. Se hai il tuo server o ne hai acquistato uno buono, devi connetterti a cURL per lavoro a tutti gli effetti bot dal nostro esempio.
Come funzionano l'API Callback e la tastiera
spenderò breve digressione come funziona tutto. L'API di callback invia qualsiasi evento che si verifica in un gruppo JSON al tuo server. Lista completa gli eventi possono essere visualizzati nella scheda "API Callback" → "Tipi di eventi". Ecco come appare la richiesta JSON quando l'utente invia un messaggio, in questo caso ha cliccato sul pulsante:
("type":"message_new","object":("date":1529668584,"from_id":89846036,"id":1522,"out":1,"peer_id":89846036,"text":"Oro fish","conversation_message_id":305,"fwd_messages":,"important":false,"random_id":0,"attachments":,"payload":"(\"animals\":\"Goldfish\")" ,"is_hidden":false),"group_id":101461081)
Ci sono diversi campi interessanti che possono essere elaborati: user id, testo del messaggio (testo), payload del pulsante (payload).
I messaggi vengono inviati all'utente utilizzando il metodo messaggi.invia. Se invii una tastiera, dopo tutti i parametri standard aggiungi il parametro della tastiera, che contiene il json dei pulsanti, ecco come appare:
Tastiera: ( "one_time": false, "buttons": [ [( "action": ( "type": "text", "payload": "(\"button\": \"1\")", " label": "Red" ), "color": "negative" ), ( "action": ( "type": "text", "payload": "(\"button\": \"2\")" , "label": "Verde" ), "colore": "positivo" )]
Lavorare con la libreria
Affinché il bot funzioni, utilizziamo una libreria PHP auto-scritta. (Se il link non funziona, ecco l'archivio) puoi trovare la documentazione per la biblioteca e scaricare la biblioteca stessa. Ecco un breve elenco di funzioni già pronte per la scrittura di un bot, cerca maggiori dettagli al link sopra. Se vuoi essere informato sui cambiamenti in libreria, allora scrivi almeno un messaggio al ns bot in VK, attraverso il quale ti avviseremo delle modifiche.
$vk = new vk_api(vk_key, version_api) — inizializzazione del bot. Parametri: chiave comunitaria (vk_key), versione API (version_api).
sendMessage(id, text) - funzione per inviare messaggi all'utente. Parametri: ID utente (id), testo del messaggio (testo).
sendImage(id, patch) è una funzione per inviare immagini. Parametri: ID utente (id), percorso dell'immagine (patch).
sendButton(id, text, buttons, one_time) — funzione per inviare un messaggio con i pulsanti. Parametri: ID utente (id), testo del messaggio (non può essere vuoto) (testo), array con pulsanti (pulsanti), non parametro richiesto one_time, per impostazione predefinita false, se impostato su true, dopo aver premuto un pulsante la tastiera si nasconderà.
richiesta(metodo, array_arguments) funzione generica lavorare con i metodi. Parametri: metodo — nome del metodo da API ufficiale, array_arguments — matrice di parametri.
sendOK() - Funzione beta. Usato al posto di echo "ok", aiuta nei casi in cui lo script viene eseguito per molto tempo e il bot inizia a ripetere i messaggi più volte.
IMPORTANTE: se utilizzi questa funzione, non vedrai alcun output di errore. Durante il debug, sostituisci con echo "ok"
Codice completo del bot in PHP
Passiamo ora al codice vero e proprio, dove quasi ogni riga è commentata.
Questo codice è supportato su PHP 5.6+
Nel blocco CONFIG, specifica la chiave di accesso della community, la chiave di conferma del server e la versione API di tua scelta.
"Pesci"], "Cosa sono?", "blu"]; //Codice per il pulsante "Pesce" const BTN_BACK = [["command" => "start"], "<< Назад", "red"]; // Код кнопки "<< Назад" const BTN_SALMON = [["animals" =>"salmone_rosa"], "salmone rosa", "bianco"]; // Codice per il pulsante "Salmone rosa" const BTN_GOLDFISH = [["animals" => "Pesce rosso"], "Pesce rosso", "blu"]; // Codice per il pulsante "Pesce rosso" const BTN_PLOTVA = [["animals" => "Plotva"], "Roach", "green"]; // Codice per il pulsante "Roach" $vk = new vk_api(VK_KEY, VERSION); // creando un'istanza della classe API, accettando la chiave API e la versione $data = json_decode(file_get_contents("php://input")); //Riceve e decodifica JSON proveniente da VK if ($data->type == "conferma") ( //Se vk richiede una chiave di uscita(ACCESS_KEY); //Termina lo script inviando la chiave ) $vk-> sendOK(); //Di' a vk che abbiamo ricevuto una richiamata if (isset($data->type) and $data->type == "message_new") ( //Controlla se questo è un messaggio da un utente $id = $data->object - >from_id; //Ottieni l'id dell'utente che ha scritto il messaggio $message = $data->object->text; if (isset($data->object->peer_id)) $peer_id = $data->object ->peer_id; // Ottieni il peer_id della chat da cui proviene il messaggio else $peer_id = $id; if (isset($data->object->payload))( //get the payload $payload = json_decode($ data->object->payload, True ); ) else ( $payload = null; ) if (isset($payload["command"]) o mb_strtolower($message) == "start") ( //Se l'inizio viene premuto il pulsante o<< назад $vk->sendButton($peer_id, "Vuoi vedere il pesce?", []); //Invia il pulsante all'utente ) else ( if ($ payload != null) ( // if payload esiste switch ($ payload["animals"]) ( //Guarda cosa c'è nel caso dei pulsanti del payload "Fish": / /Se è un pesce $vk->sendButton($peer_id, "Ecco fatto, scegli", [ //Invia pulsanti all'utente , ]); break; case "Pink_salmon": //Se è salmone rosa $vk-> sendMessage($peer_id, "Mantieni il tuo salmone rosa!"); //invia il messaggio $vk->sendImage($peer_id, "img/pink_salmon.jpg"); //invia l'interruzione dell'immagine; case "Goldfish": / /Se è un pesce rosso $vk->sendMessage( $peer_id, "Lei esaudirà i tuoi desideri..."); $vk->sendImage($peer_id, "img/goldfish.jpg"); break; case "Plotva" : //Se è un Roach $vk->sendMessage($peer_id, "Oops, sembra che l'immagine sia confusa)"); $vk->sendImage($peer_id, "img/plotva.jpg"); break; predefinito: interruzione; ) ) ) ) ?>
Ora sai come funziona il codice e puoi personalizzarlo da solo.
Iniziamo!
Carica il tuo script e la tua libreria sul server. Ora vai alle impostazioni nella scheda API Callback, inserisci il percorso del tuo script nel campo dell'indirizzo e fai clic su conferma. Se hai fatto tutto bene, accanto all'indirizzo apparirà un segno di spunta verde.
FAQ:
Domanda: Niente funziona affatto!
Risposta: Significa che hanno sbagliato da qualche parte. Rileggi di nuovo l'articolo attentamente e controlla di aver fatto tutto. Qualsiasi passaggio a sinistra può portare a un errore...
Domanda: Tutto funziona per me, ma le immagini non vengono inviate.
Risposta: controlla di aver aggiunto la cartella img con le immagini. Inoltre, potresti utilizzare un server in cui cURL non è supportato.
Domanda: Ho cambiato la versione in 5.78 o altro. Niente funziona per me.
Risposta: usa versioni di API diverse dalla 5.80 a tuo rischio. Ad esempio, nella versione 5.78, altri nomi di variabili provengono da VK (ad esempio, oggetto->corpo va invece di oggetto->testo), quindi lo script si arresta in modo anomalo. Cerca tutte le modifiche alle API
Questo articolo ha una risposta alla domanda su come creare pulsanti e frammenti per post promozionali in un gruppo VK. La creazione di pulsanti e frammenti è un processo abbastanza semplice, per tua comodità ho delineato passo dopo passo cosa devi fare per creare un post attraente con un pulsante VKontakte.
Come creare un pulsante di iscrizione in un post promozionale VK o qualsiasi altro pulsante
Iniziamo aggiungendo i pulsanti. Se porti traffico al tuo gruppo VK o a qualsiasi sito, per creare un record con un pulsante, devi andare alla sezione "pubblicità" di VKontakte, fare clic sul pulsante "crea annuncio" e selezionare "registra con un pulsante" nella finestra che si apre quindi scegli già cosa esattamente vuoi pubblicizzare, puoi lanciare un post attivo in un annuncio, per questo devi inserire un link al post, oppure puoi aggiungere un nuovo post promozionale . Lascia che ti spieghi come viene creato un nuovo post promozionale con un pulsante.
Fai clic su "crea un post" nella finestra che si apre, inserisci l'indirizzo del link in cui prevedi di indirizzare il traffico, ad esempio, ti mostrerò come indirizzare il traffico alla pagina di VKontakte, ma puoi anche inserire l'indirizzo di un sito.
Questa finestra si aprirà di fronte a te.
In cui devi inserire il testo della voce, ma tieni presente che il testo non deve superare i 220 caratteri, quindi non sarai in grado di scrivere un lungo footcloth.
Successivamente, devi inserire un'immagine del tuo futuro post, che dovrebbe essere largo 537 pixel e alto 240. Idealmente, è meglio prepararsi immagine unica(se conosci almeno le basi di Photoshop) nel caso in cui tu non possa creare un banner da solo, puoi scattare qualche immagine e grandi formati e poi ritaglialo. L'immagine deve essere utente interessante per attirare la sua attenzione, così come per aggirare portata pubblicitaria Sei stato anche in grado di ottenere una copertura virale. A proposito, puoi tagliare direttamente in vk durante la creazione di un record.
Il testo che si trova vicino al pulsante può anche essere modificato, basta fare clic su di esso e inserire il testo che completerà il tuo annuncio.
Successivamente, è necessario selezionare un'opzione del pulsante in post promozionale vk. Puoi selezionare il pulsante "iscriviti" in questo caso, l'utente che scorrerà il suo feed di notizie noterà il tuo post e, quando cliccherai sul pulsante, si iscriverà alla tua pagina.
Il pulsante "iscriviti" è buono da un lato, ma non così buono come vorremmo dall'altro. Diciamo che una persona non ha letto qual è il pulsante per noi, ha cliccato su di esso per andare semplicemente al gruppo e vedere i tuoi post e non ha nemmeno pianificato di iscriversi. Da questo lato, il pulsante non è buono come vorremmo, in questo caso otterrai un iscritto disinteressato, che dopo un po' potrebbe lasciare il tuo gruppo.
Quando analizzi i post, vedrai che un tale post converte bene le iscrizioni (meglio dei post con snippet, ad esempio), ma non sarai in grado di vedere le persone che hanno lasciato il gruppo. Quelli. tale momento è consentito che una persona prima clicchi su questo pulsante per visualizzare la pagina, quindi si disiscriva immediatamente dalla community. E l'analisi sarà goffa. Non sto dicendo che nel 100% dei casi ciò accada, ma questa situazione è il posto giusto.
Puoi anche scegliere altre opzioni dei pulsanti durante la creazione di post promozionali, ad esempio: Contatta, scrivi, scopri di più, vai. Questo è il caso se porti traffico alla comunità VKontakte, ma se porti traffico, ad esempio, a un sito Web, allora c'è più scelta, avrai opzioni per pulsanti come:
- andare
- Aprire
- Di più
- Acquistare
- Per acquistare un biglietto
- Al negozio
- Per ordinare
- Iscriviti
- Installare
- contatto
- Riempire
E se il traffico va al gruppo VK, puoi inserire questi pulsanti
Come creare uno snippet in un gruppo VK
Secondo me, uno snippet è considerato un'opzione interessante per un pulsante, durante la creazione annunci Non è necessario creare un banner 537*240 e utilizzare solo 220 caratteri nella descrizione. Qui puoi già caricare un banner con le tue dimensioni e utilizzare una grande tela di testo. Ora ti dirò come creare uno snippet per la pubblicità di VKontakte. A proposito, lo snippet è simile a questo, molto presto sarai in grado di fare lo stesso.
Uno snippet è un pulsante che si trova sotto il tuo banner principale, non è necessario provare a inserire piccoli dettagli lì, saranno difficili da vedere. Di solito metto un pulsante "scopri di più, leggi, impara, registrati, acquista" o qualcosa di simile. Queste immagini dovrebbero avere una dimensione di 537 * 240 sotto nell'articolo, ho pubblicato frammenti già pronti, se non puoi lavorare in Photoshop, copiali semplicemente.
Creazione e dimensionamento di uno snippet per un post VK
E ora su come creare uno snippet VK. Per creare una tale versione del post, quando si scelgono le opzioni, è necessario selezionare "record universale"
Come ho detto nel testo, non hai dimensioni limitate e puoi inserire molte informazioni lì se lo desideri, devi solo renderle interessanti, altrimenti non le leggeranno. Dopo aver preparato il testo, puoi caricare il tuo banner pubblicitario.
Successivamente, è necessario inserire lo snippet, per fare ciò, fare clic sul "pulsante"
Seleziona un'immagine da utilizzare come snippet e caricala. Quindi tutto è come al solito, fai clic su "crea" e creane uno tuo campagna pubblicitaria. Tutto è scandalosamente semplice.
E un altro punto importante… Prova due opzioni (soprattutto se porti traffico al sito)
1) Standard, dove l'immagine ha una dimensione di 537 * 240, l'intera immagine è cliccabile (se non usi il pulsante, puoi aggiungere molto testo e qui possono imbrattarlo facendo clic sul pulsante per mostrarlo in toto)
2) Opzione con uno snippet.
Assicurati di inserire i tag UTM. Perché questo dovrebbe essere fatto? Oltre a sapere quale annuncio sta ottenendo traffico migliore, puoi monitorare le frequenze di rimbalzo.
Se una persona è seduta cellulare quindi può semplicemente fare clic accidentalmente su tale immagine (sto parlando della prima opzione ora) e lasciare il sito, in questo caso potrebbero esserci più transizioni e molti più rimbalzi, ma vorremmo avere visitatori mirati per poter ottenere più contatti con meno spese.
Secondo la seconda opzione, non ci sarà tale errore ... La persona qui sta già premendo di proposito il pulsante.
Capisci? quelli. Puoi erroneamente lasciare un annuncio più cliccabile che avrà molti meno visitatori mirati e disabilitare un annuncio meno cliccabile che avrà solo traffico mirato. E alla fine, l'opzione 2 può vincere in termini di numero di lead attratti.Ecco alcune stronzate.
Ma posso sbagliarmi, ti dirò solo una cosa, test e analizzo.
Frammenti pronti per VK
E ora, come promesso, ho preparato diverse opzioni per gli snippet, puoi scaricarli senza preoccuparti e inserirli nel tuo post.
Come posso aiutarla?
