Come aggiungere videoconferenze al tuo sito web

Non è un segreto che la pandemia globale nel 2020 e nel 2021 abbia accelerato l'adozione delle videoconferenze in tutto il mondo.

Le persone ora usano Zoom, Microsoft Teams o altre soluzioni di videoconferenza per molti scopi diversi: aule virtuali per bambini, webinar, riunioni virtuali, lavoro a distanza o anche solo per stare al passo con gli amici.

Detto questo, molte aziende hanno iniziato a vedere i vantaggi della videoconferenza e stanno cercando di incorporare funzionalità di videoconferenza nei loro siti web.

Nell'era digitale di oggi, l'aggiunta di videoconferenze al tuo sito Web, app o piattaforma può migliorare significativamente l'esperienza dei visitatori del tuo sito Web, sia fornendo comunicazioni bidirezionali sicure, ospitando eventi di successo del marchio e molti casi d'uso diversi.

Stai pensando di aggiungere la videoconferenza al tuo sito web o piattaforma ma non sai da dove iniziare?

Sei arrivato nel posto giusto.

In questa guida, discuteremo di tutto ciò che devi sapere sull'incorporamento della videoconferenza nel tuo sito Web o applicazione e risponderemo ad alcune domande chiave come:

• Qual è l'urgenza di aggiungere la videoconferenza alla tua attività?
• In che modo le videoconferenze possono migliorare le comunicazioni interne e l'esperienza del cliente?
• Quali sono i problemi di sicurezza nell'aggiunta di videoconferenze alla tua piattaforma?
• Quanto è difficile aggiungere la videoconferenza? Quali sono le nostre opzioni?

E altro ancora.

Senza ulteriori indugi, cominciamo subito.

Perché aggiungere la videoconferenza al tuo sito web?

Sappiamo tutti che il marketing video è semplicemente ovunque al giorno d'oggi, ma qual è l'urgenza di aggiungere funzionalità di videoconferenza e altre funzionalità video al tuo sito Web o applicazione esistente?

Esistono tre casi d'uso di base per l'aggiunta di funzionalità di videoconferenza alla piattaforma:

1. Facilitare la comunicazione bidirezionale in tempo reale

I consumatori di oggi si aspettano semplicemente risposte reattive e immediate dai marchi con cui interagiscono e, se possibile, con un solo tocco o clic. Secondo a recente studio di HubSpot, il 90% dei clienti attuali si aspetta una risposta entro 10 minuti alle loro domande o richieste, altrimenti passerà alla concorrenza.

Aggiungendo funzionalità di videoconferenza al proprio sito Web, un'azienda può facilitare un modo immediato e in tempo reale per i clienti di interagire con il tuo sito Web.

La comunicazione virtuale immediata e bidirezionale può migliorare l'esperienza del cliente nell'interazione con il tuo marchio in diversi modi:

• Eliminare incomprensioni ed errori nella comprensione delle esigenze e dei punti deboli dei tuoi clienti. Comprendere meglio i tuoi clienti è la chiave per invogliarli ad acquistare (e acquistare di più) da te.
• Consentire migliori connessioni umane con i clienti.
• Fornire una migliore possibilità per la tua azienda di educare i clienti sui valori del tuo marchio/prodotto/servizio.

Sappiamo tutti come clienti che è più difficile dire di no durante un'offerta faccia a faccia in tempo reale piuttosto che offerte per telefono o pubblicità. Possiamo creare lo stesso effetto tramite videoconferenza.

2. Abilitare gli eventi digitali per assistere i tuoi sforzi di marketing

Aggiunta di funzionalità di videoconferenza al tuo sito web consente alle aziende di ospitare eventi virtuali di alta qualità direttamente sui propri siti Web o applicazioni: webinar, lancio di prodotti digitali, keynote e persino conferenze e fiere digitali a tutti gli effetti. Gli eventi virtuali vengono applicati attivamente programmi di marketing di affiliazione e vengono utilizzati insieme alle riunioni online. Gli eventi digitali e il marketing di affiliazione sono un connubio perfetto. Quando si combinano insieme questi fattori, è possibile ottenere un’ampia gamma di risultati.

Abilitando eventi digitali di marca sul tuo sito web, la tua azienda può creare esperienze in tempo reale molto più integrate per clienti, clienti e stakeholder interni.

Puoi anche sfruttare la funzionalità di videoconferenza per ospitare eventi "più piccoli" come demo di prodotti, condivisione di testimonianze di clienti, case study e così via.

3. Migliorare le comunicazioni interne

L'aggiunta di videoconferenze al tuo sito Web, applicazione o piattaforma può anche fornire vantaggi tangibili per le parti interessate interne.

Ciò è particolarmente vero se nel tuo team sono presenti lavoratori remoti (cosa che sta diventando sempre più comune). Con la videoconferenza, i team remoti possono sentirsi più connessi all'organizzazione in cui lavorano e agli altri membri del team rispetto a quelli basati su e-mail o telefono. comunicazioni basate.

La videoconferenza riduce inoltre al minimo la confusione e gli errori nelle trasmissioni. Nelle comunicazioni basate su e-mail o telefono, possono verificarsi incomprensioni nonostante i tuoi migliori sforzi, ma nelle comunicazioni video possiamo sfruttare il contesto dell'espressione facciale e del linguaggio del corpo insieme alle comunicazioni vocali.

A lungo termine, questa comunicazione migliorata e più accurata può aiutare a migliorare il morale e la produttività del team.

Come funzionano le videoconferenze sui siti web

Esistono tre soluzioni praticabili per aggiungere la videoconferenza al tuo sito Web o piattaforma, ognuna con i suoi pro e contro.

Tuttavia, nella scelta tra queste opzioni, in definitiva, si tratta del costo/difficoltà di implementazione rispetto alla personalizzazione.

Le tre opzioni sono

1. Costruire la tua soluzione da zero

Il primo approccio consiste nel creare da zero la funzionalità di videoconferenza, da soli, assumendo uno sviluppatore di software o esternalizzando il progetto a un libero professionista o a un'agenzia. Per soddisfare gli standard attuali previsti dal mercato per una moderna soluzione di videoconferenza per funzionalità e affidabilità, è necessario assumere o esternalizzare un team esperto.

Questa è l'opzione che offre la massima libertà per quanto riguarda la personalizzazione: puoi progettare l'interfaccia di videoconferenza come meglio credi, includere tutti gli elementi di branding che desideri e aggiungere tutte le funzionalità che ritieni necessarie per i casi d'uso previsti.

Tuttavia, questa è anche l'opzione più impegnativa e più costosa. Se sai quanto costa assumere uno sviluppatore di software, ma non hai un budget, non sottovalutare il tempo necessario per completare il processo di sviluppo e testare la soluzione di videoconferenza fino al momento del lancio.

Per non parlare del fatto che ci saranno costi continui in aggiunta ai costi di sviluppo iniziali per il mantenimento della soluzione, l'aggiunta continua di nuove funzionalità per soddisfare le crescenti aspettative dei clienti, i costi di mantenimento dell'hosting dei server e la garanzia dell'affidabilità della soluzione per ridurre al minimo i tempi di inattività e continuare a funzionare con tutti i browser. Tutti questi possono sommarsi rapidamente, rendendo la soluzione molto costosa da mantenere.

2. Incorporamento di soluzioni standard

La seconda opzione è incorporare soluzioni di videoconferenza pronte all'uso (pronte all'uso) come Zoom o Microsoft Teams nel tuo sito web.

La maggior parte delle soluzioni di videoconferenza più diffuse offre SDK e/o API per incorporare facilmente le funzionalità di videoconferenza nel tuo sito Web o applicazione. Molte di queste soluzioni sono molto convenienti e persino totalmente gratuite.

Questa è l'opzione più conveniente e in genere la più facile da implementare, ma anche l'opzione in cui avrai meno libertà in termini di personalizzazione e personalizzazione. Dovrai attenerti all'interfaccia, al design e alle funzionalità offerte per impostazione predefinita dalla soluzione di tua scelta.

3. Integrazione dell'API da una soluzione white label

In questa opzione, otterrai il meglio di entrambi i mondi: puoi aggirare il lungo e costoso processo di sviluppo della creazione della tua soluzione da zero, ma puoi personalizzare la funzionalità di videoconferenza sul tuo sito web come meglio credi.

Callbridge è una soluzione di videoconferenza white label che ti consente di integrare facilmente la sua API nel tuo sito Web o applicazione.

Aggiungi semplicemente alcune righe di codice alla tua applicazione/sito web e otterrai le funzionalità di videoconferenza desiderate sul tuo sito web.

Anche se non otterrai il 100% di libertà che altrimenti avresti nel creare la tua soluzione da zero, con API video iotum, avrai comunque la possibilità di aggiungere il tuo logo, la combinazione di colori del marchio e altri elementi a un'applicazione esistente. Iotum fornisce anche il servizio per implementare eventuali funzionalità personalizzate all'API in base alle richieste dei clienti.

Come aggiungere videoconferenze al tuo sito Web tramite l'API Iotum

Collaborando con Iotum, puoi facilmente incorporare la funzionalità di videoconferenza di Iotum tramite API.

Tuttavia, assicurati che il tuo sito Web sia configurato correttamente per garantire che il lettore di videoconferenze di Iotum funzioni come previsto.

Requisiti del sito Web per il codice incorporato

• Puoi incorporare qualsiasi pagina visibile su Iotum nel tuo sito Web o applicazione Web utilizzando un iframe. Assicurati di impostare il parametro src dell'iframe sull'URL della sala riunioni.
• Assicurati che l'iframe disponga delle funzioni della fotocamera e del microfono consentite e impostate su schermo intero.
• La pagina o le pagine host devono disporre di un certificato SSL valido affinché l'iframe di Iotum funzioni correttamente in Chrome.
• In Internet Explorer o Edge, se l'iframe si trova all'interno di un altro iframe (più di un livello di profondità), tutti i predecessori dell'iframe di Iotum devono appartenere allo stesso host.

Una volta soddisfatti tutti i requisiti, copia e incolla semplicemente questo codice sul tuo sito web:

Puoi incorporare qualsiasi pagina di Iotum con lo stesso formato di codice.

Se desideri che l'utente esegua l'accesso prima che possa visualizzare e utilizzare l'iframe, puoi utilizzare la funzione SSO, come discuteremo più avanti in questa guida.

Incorporamento del lettore di streaming live di Iotum

Puoi anche trasmettere in streaming le videoconferenze di Iotum tramite HLS e HTTPS.

Simile all'incorporamento della sala riunioni, puoi incorporare il lettore di streaming live di Iotum tramite un iframe. Assicurati che gli attributi dell'iframe consentano la riproduzione automatica e lo schermo intero per garantire che il lettore live streaming funzioni come previsto.

Copia e incolla semplicemente il seguente codice:

Nota: 123456 è il codice di accesso della sala riunioni in diretta streaming

Personalizza la sala per videoconferenze di Iotum

Come discusso, integrazione delle API di videoconferenza significa che avrai ancora un po' di libertà nella personalizzazione della sala di videoconferenza per adattarla all'aspetto del tuo marchio. Hai anche la possibilità di aggiungere o rimuovere qualsiasi funzione nella sala di videoconferenza come meglio credi.

È possibile personalizzare la sala di videoconferenza in due metodi principali utilizzando questi parametri URL:

nome: stringa. Includendo questo parametro URL, agli utenti non verrà chiesto di inserire i propri nomi.
skip_join: vero/falso. Includendo questo parametro URL, agli utenti non verrà presentata la finestra di dialogo di selezione del dispositivo video/audio. Gli utenti, per impostazione predefinita, si uniranno utilizzando il microfono e la videocamera predefiniti del loro sistema.
osservatore: vero/falso. Quando un utente si unisce alla sala di videoconferenza con la videocamera spenta, questo utente non visualizzerà un riquadro video per gli altri utenti. Questo utente può ancora ascoltare ed essere ascoltato da altri utenti.
muto: microfono, fotocamera. Puoi passare "fotocamera", "microfono" o entrambi "fotocamera, microfono". Ciò ti consente di disattivare l'audio della videocamera o del microfono dell'utente per impostazione predefinita quando si uniscono alla stanza.
visualizza:galleria,altoparlante_in basso,altoparlante_lato_sinistra. La visualizzazione predefinita per le riunioni è la visualizzazione raccolta. Puoi sovrascriverlo specificando 'altoparlante_basso' o 'altoparlante_lato_sinistro'. 'basso_altoparlante'

Puoi anche personalizzare la sala di videoconferenza per nascondere o visualizzare questi controlli dell'interfaccia utente:

Condivisione schermo
Whiteboard
Record
Volume di uscita
Chat di testo
Partecipanti
Disattiva tutto
Informazioni sull'incontro
Impostazioni profilo
A schermo intero
Vista galleria
Qualità della connessione

Utilizzo del layout a strisce per feste o giochi

Puoi copiare e incollare il codice seguente per eseguire il rendering dell'iframe della videoconferenza in un layout a strisce che puoi posizionare nella parte inferiore della stanza/applicazione; utile per watch party, giochi o altri casi d'uso che richiedono che la maggior parte dello schermo sia dedicata all'applicazione:

Utilizzo di eventi e azioni SDK per gestire gli eventi in tempo reale

Con gli eventi WebSDk di Iotum, puoi gestire e modificare gli eventi (ad esempio, webinar o videoconferenze) in tempo reale per aggiornare dinamicamente le esperienze degli utenti di conseguenza.

Iscrizione agli eventi

Gestione degli eventi

Iotum ti consente inoltre di chiamare le azioni API nella sala conferenze locale in base alle effettive esigenze del tuo evento, inclusa l'aggiunta della tua interfaccia utente utilizzando le azioni WebSDK.

Incluso SSO (Single Sign-On)

Puoi accedere senza problemi agli utenti nella tua applicazione senza presentare loro una schermata di accesso utilizzando host_id e login_token_public_key disponibili dagli endpoint dell'utente.

È importante notare che gli endpoint devono essere visitati direttamente dall'utente, non dal tuo server. Ciò significa che non devi fornire tu stesso il token di autorizzazione API.

Implementazione dell'SSO tramite GET (iFrame)

Per implementare SSO tramite un iframe, usa l'endpoint /auth come attributo src dell'iframe.

Parametri richiesti

host_id: il numero di account dell'utente, recuperato dagli endpoint host
login_token_public_key: un token di autorizzazione specifico dell'host, recuperato dagli endpoint host
redirect_url: su quale pagina deve atterrare l'utente dopo l'accesso. Potrebbe trattarsi della dashboard o di una sala riunioni specifica o di altri URL.
after_call_url (facoltativo): se fornito, l'utente reindirizzerà all'URL fornito dopo essere uscito da una chiamata. Se non è all'interno del nostro dominio, devi fornire un URL completo (incluso http:// o https://)

Esempio:

Avvolgere Up

L'aggiunta di videoconferenze al tuo sito Web sfruttando le API di soluzioni di videoconferenza affidabili come Iotum ti consentirebbe di ottenere la libertà di personalizzazione evitando anche il lungo e costoso processo di creazione di una soluzione di videoconferenza da zero.

Sopra, abbiamo anche discusso di come integrare facilmente le funzioni di videoconferenza tramite l'API di Iotum, nonché delle personalizzazioni che puoi apportare per garantire che il lettore Iotum sia allineato con il tuo marchio e con funzionalità ottimali in base alle tue esigenze specifiche.