Scopriamo come, partendo da un video Vimeo, possiamo far apparire una CTA (Call to Action) ad un minuto preciso del video e allo stesso tempo taggare l’utente sul vostro autorisponditore tramite Zapier.
Requisiti:
Prima di vedere il codice completo dobbiamo tenere presente che l’utente quando atterrerà nella pagina dovrà passare il parametro ‘em’ che conterrà la sua email (es: https://miodominio.com/pagina?em=email@email.com). In genere l’utente prima di accedere a questa pagina avrà compilato un form e quindi avremmo a disposizione la sua email.
Prima di copiare ed incollare il codice completo, vediamo solo le righe del codice che dovrai modificare (il resto non toccare!)
Qui dovrai sostituire XXXXXX con il link del tuo video Vimeo.
In questa riga dovrai inserire (in secondi) il momento del video un cui la CTA deve apparire. Quindi sostituisci ‘000’ con il numero di secondi.
var TIME_TO_SHOW_CTA = 000; // quando deve apparire CTA in secondi
In questa riga andremmo ad indentificare l’oggetto nella pagine (pulsante, scritta, ecc…) che dovrà appararire come CTA e lo faremo prendendo l’ID assegnato all’oggetto tramite CSS. Quindi ricordatevi nelle impostazioni della CTA di mettere come ID ‘get-offer’.
var HIDDEN_CONTENT_ID = 'get-offer'; // CSS ID del pulsante CTA
Qui dovrai inserire il link che hai generato tramite Zapier (Catch Hook).
var LINK_ZAPIER = 'https://hooks.zapier.com/hooks/catch/XXX/YYY/'; // Modifica con il link del webhook di Zapier
ECCO IL CODICE COMPLETO