Aperçu de liens riches sur desktop et mobile

Pour garantir une expérience plus riche aux visiteurs, ceux-ci pourront voir l'aperçu d'un lien avec a minima une image dans le fil de conversation (par le biais des balises Open Graph ou d'un fallback). Cette fonctionnalité est disponible sur desktop et mobile.

Afin d'avoir l'aperçu d'un lien riche dans le pupitre, les agents peuvent :

  • entrer l'URL à la main (préfixe "http" ou "https"), ou copier et coller l'URL dans la zone de saisie.
NB : il est possible que quelques secondes soient nécessaires pour que l'aperçu du lien riche apparaisse dans la zone de saisie.

 

  • entrer leur texte + l'URL juxtaposée au texte dans la zone de saisie.
  • Si une balise Open Graph est disponible dans le code de votre site, et si le site le permet, dans le cas d'une vidéo, un extrait de la vidéo sera affiché en image dans le lien riche.

 

Pré requis techniques
Afin de fonctionner correctement, la fonctionnalité de rich links d'iAdvize doit pouvoir récupérer les balises Open Graph contenues dans les pages HTML de nos clients.
Il est donc nécessaire que ces pages soient accessibles sans challenge captcha et sans avoir à exécuter de Javascript par nos services.
Les IPs de nos robots sont:
35.158.241.155
35.158.90.142
35.156.32.28


Côté pupitre (agent)

Les agents pourront voir l'aperçu du lien directement dans la zone de composition, et le supprimer si nécessaire (par exemple, en cas d'erreurs affichées, trop de fautes d'orthographe ou de mauvaises images) :
rich-link-previewEN-02.png

Lors de l'envoi, les agents voient également l'aperçu du lien dans leur pupitre :

rich-link-previewEN-02.1.png

Côté chatbox (visiteur)

Lors de l'envoi dans le fil de discussion, 3 options d'aperçu sont possibles. Selon ce que les balises Open Graph contiennent, le visiteur pourra voir :

1. Image + titre + description + lien

rich-link-previewEN-03.png

2. Image + titre + lien

rich-link-previewEN-04.png

3. Image + description + lien

rich-link-previewEN-05.png

NB :  Si aucune balise Open Graph n'est disponible dans le code de votre site Web, une solution de fallback se produira et le visiteur verra l'aperçu contenant ces éléments qui sont généralement présents dans le code de votre site web :
  • le titre de la page
  • la description de la page
  • le favicon du site en tant qu'image (format gif / jpeg / png)

 

La fonction de prévisualisation d'un lien ne fonctionne que dans le sens des agents vers les visiteurs, pour les canaux chat (et SDK v2), call, vidéo, WhatsApp et AMB (Apple Messages for Business)*.

Elle ne fonctionne pas dans le sens des visiteurs ou bots vers les agents.

*Non disponible pour les autres canaux tiers et sociaux pour le moment.