bvoce per sviluppatori

<script src="https://bvoce.blagoweb.com/w.js" data-chiave="bvk_ESEMPIO_la_tua_chiave" async></script>

<script src="https://bvoce.blagoweb.com/w.js" data-chiave="bvk_ESEMPIO_la_tua_chiave" data-bvoce-alto="80" async></script>

<!-- 1. La riga senza bottone, in fondo alla pagina -->
<script src="https://bvoce.blagoweb.com/w.js" data-chiave="bvk_ESEMPIO_la_tua_chiave" data-senza-bottone="1" async></script>

<!-- 2. Il blocco, dove vuoi la chat. L'altezza minima di serie è 560 px -->
<div data-bvoce="incorporato" style="min-height: 640px"></div>

<button data-bvoce-apri="scrivi">Scrivici</button>

// Apre la chat scritta, la telefonata dal browser o la videochiamata
window.bvoce('apri', 'scrivi');
window.bvoce('apri', 'chiama');
window.bvoce('apri', 'video');
window.bvoce('chiudi');

// Se il tuo sito ha già riconosciuto la persona (area clienti), l'assistente la saluta per nome
window.bvoce('identifica', { nome: 'Mario', email: 'mario@esempio.it', telefono: '+39333...' });

// Dove si trova e cosa sta guardando
window.bvoce('contesto', { pagina: '/prodotto/42', prodotto: 'Lenzuola in lino', carrello: '2 articoli' });

<script>
  // Se chiami window.bvoce prima che il loader sia pronto, i comandi aspettano in coda e partono appena è caricato.
  window.bvoce = window.bvoce || function () {
    (window.bvoce.q = window.bvoce.q || []).push(arguments);
  };
</script>

// Quello che bvoce scrive nel dataLayer quando qualcuno lascia un recapito
{ event: 'bvoce_contatto', bvoce: 1, tipo: 'contatto' }

<!-- Tag "HTML personalizzato", attivatore "Evento personalizzato" con nome evento bvoce_contatto.
     Il Pixel di Meta deve già essere caricato sul sito (dopo il consenso). -->
<script>
  if (typeof fbq === 'function') fbq('track', 'Lead');
</script>

<script>
  // Per chi non usa Tag Manager: gtag.js (GA4) e il Pixel di Meta sono già nel sito, caricati dopo il consenso.
  window.dataLayer = window.dataLayer || [];
  var spingi = window.dataLayer.push;
  window.dataLayer.push = function () {
    for (var i = 0; i < arguments.length; i++) {
      if (arguments[i] && arguments[i].bvoce === 1) inoltra(arguments[i]);
    }
    return spingi.apply(window.dataLayer, arguments);
  };

  function inoltra(voce) {
    if (typeof gtag === 'function') {
      // generate_lead è l'evento raccomandato da GA4 per un contatto; gli altri restano con il nome di bvoce
      gtag('event', voce.event === 'bvoce_contatto' ? 'generate_lead' : voce.event, { origine: 'bvoce' });
    }
    if (typeof fbq === 'function') {
      if (voce.event === 'bvoce_contatto') fbq('track', 'Lead');
      else if (voce.event === 'bvoce_appuntamento') fbq('track', 'Schedule');
      else if (voce.event === 'bvoce_chiamata') fbq('track', 'Contact');
    }
  }
</script>

window.addEventListener('message', function (e) {
  // Solo i messaggi che arrivano davvero da bvoce
  if (e.origin !== 'https://bvoce.blagoweb.com') return;
  var d = e.data;
  if (!d || d.bvoce !== 1) return;

  if (d.t === 'evento') {
    // d.nome è uno tra bvoce_aperto, bvoce_contatto, bvoce_appuntamento, bvoce_chiamata
    console.log('bvoce:', d.nome, d.dati);
  }
});

script-src https://bvoce.blagoweb.com
frame-src https://bvoce.blagoweb.com
connect-src https://bvoce.blagoweb.com

Content-Security-Policy: script-src https://bvoce.blagoweb.com; frame-src https://bvoce.blagoweb.com; connect-src https://bvoce.blagoweb.com;

Permissions-Policy: microphone=(self "https://bvoce.blagoweb.com"), camera=(self "https://bvoce.blagoweb.com")