Quando creiamo una pagina di Vendita Video collegata a Youtube il problema più grande è fare in modo che nessuno riesca a cliccare sui link che youtube ci offre sparando fuori dalla nostra pagina di vendita il visitatore:
Inutile spiegare le varie motivazioni,chi si occupa di Marketing sa benissimo come funziona tutta la baracca!
Per fare questo il mio amico Sebastian spiegò come farlo attraverso un parametro che purtroppo non funziona tanto bene, infatti dopo varie prove ho scoperto che se si aggiungono determinati parametri questa opzione può funzionare oppure no.
Quindi come si risolve il problema?
Semplice caricando il video sul tuo hosting o su Amazon!!
Ha ha scherzo naturalmente, l’obiettivo è farlo funzionare con Youtube, quindi cosa bisogna fare per ottenere un risultato come questo sotto?
Come si vede non c’è ne il logo di Youtube, ne i controlli, e tanto meno i link che riportano alla pagina di Youtube… il tutto con Iframe e non con object ,perchè se vogliamo integrarlo con il flash il gioco diventa ben più semplice.
Non ho fatto nulla di complicato.
Come ho fatto?
Se carico solo il video con i relativi parametri che Youtube mi offre questo sotto è il risultato:
Bravi, peccato che i link sopra siano cliccabili, quindi anche se proviamo a mettere il parametro per togliere la barra sopra, automaticamente compare il logo Youtube… simpatici…o uno o l’altro!
Quindi cosa ho pensato?
Semplice ci piazzo un bel div nero sopra in questo modo non si vedono e non sono cliccabili.
Così:
<!–CREO IL DIV CONTENITORE–>
<div>
<!–CREO IL DIV CHE APPOGGIO SOPRA AL VIDEO YOUTUBE PER NASCONDERE I LINK SOPRA–>
<div class=”op” style=”margin-left: 10px; width: 560px; height: 40px; position: absolute; background-color: black; color: #fff;”>Come non fare cliccare un video di youtube
</div>
<!– QUI CARICO IL VIDEO CON I RELATIVI PARAMETRI –>
<iframe src=”http://www.youtube.com/embed/L4zo_A9axKQ?loop=1& showinfo=1;rel=0&autohide=0&controls=0&iv_load_policy=3&disablekb=1&modestbranding=1″ height=”315″ width=”560″ allowfullscreen=”" frameborder=”0″></iframe>
</div>
E così abbiamo già risolto il problema…almeno credo…io l’ho testato su Chrome,Firefox e Safari su Mac, sarebbe da testare anche su IE..
Articoletto veloce che spero sia stato utile a chi si occupa di marketing.
Naturalmente tutto questo si può fare acquistando un plugin “credo”, inventano di tutto, ci sarà anche qualcosa del genere già fatto…ma perchè spendere quando si può avere gratis con due righette di html
Spero che l’articolo sia stato utile.