Cet article couvre la mise en œuvre des tuiles News et Review.

Intégration des tuiles

Lorsque l'entreprise a l'un des éléments de plan produit ci-dessus activés, un onglet supplémentaire intitulé « websites » est exposé dans la plateforme au niveau de la localisation. Seul le niveau de localisation affiche ce nouvel onglet, car les tuiles sont individuelles à une localisation et destinées aux PME.

Dans le nouvel onglet, l'utilisateur peut copier les extraits pour la tuile Review et la tuile Reviews.

(note : l'utilisateur doit ajouter sa propre URL de politique de confidentialité dans les paramètres de la tuile Review.

Tuile Review

• Les avis tiers sont visibles dans la boîte de réception, tout comme les avis d'un autre canal.
• La tuile review inclut uniquement les avis de Google, Facebook et tiers.

Mettre en œuvre les tuiles dans une application monopage (SPA)

Introduction

Les tuiles fonctionnent directement pour les pages rendues côté serveur, mais pour les pages qui ne sont rendues qu'une seule fois au démarrage et dont la fenêtre du navigateur n'est pas re-rendue au clic sur une page différente (= applications monopages), une configuration manuelle est nécessaire pour faire fonctionner les tuiles. C'est souvent le cas pour les sites Web qui utilisent des frameworks populaires comme React, Vue.js ou Angular.

Étapes à suivre

Étape 1

Ajoutez le script des tuiles initial à votre HTML :

Étape 2

Ajoutez la div conteneur à votre composant dans la SPA :

Les tuiles ne vont pas démarrer automatiquement avec une SPA, car le script ne peut pas trouver l'élément « <ub-widget-review> », car celui-ci ne sera rendu que lors de l'exécution de javascript.

Étape 3

Lors de l'accès à la route avec les tuiles dans le HTML, vous devez appeler

Les tuiles devraient maintenant s'afficher et fonctionner correctement.

Étape 4

Lors de l'accès à une route différente dans la SPA, vous devez appeler

au moment du démontage du composant store-locator. Cela garantira que tous les composants sont correctement démontés et peuvent être redémarrés correctement si l'utilisateur revient à l'affichage.

Exemple

Voici un exemple de dépôt avec une implémentation React avec ce composant tuiles portant la plupart de la logique mentionnée dans les étapes ci-dessus.

Mettre en œuvre la tuile Review via l'API

Vérifier si le widget existe déjà (l'extrait doit être non-null)

GET  https://uberall.com/api/locations/$locationId/widgets?v=20191203

Créer un widget, par exemple pour le type Review

POST https://uberall.com/api/locations/$locationId/widgets?v=20191203&type=REVIEW

Mettre à jour la configuration du widget

PATCH