Questo articolo riguarda l'implementazione sia dei News Tile che dei Review Tile.

Incorporamento dei Tile

Quando l'azienda ha uno dei suddetti elementi del Product Plan attivati, una scheda aggiuntiva intitolata «websites» viene esposta nella piattaforma a livello di location. Solo il livello di location mostra questa nuova scheda poiché i tile sono individuali per una location e pensati per le PMI.

Nella nuova scheda l'utente può copiare i frammenti sia per il Review tile che per il Reviews tile.

(nota: l'utente dovrebbe aggiungere il proprio URL della politica sulla privacy nelle impostazioni per il Review tile.

Review Tile

• Le recensioni first party sono visibili nella inbox, proprio come le recensioni da un altro canale.
• Il review tile include solo recensioni da Google, Facebook e first party.

Implementare i tile in un'applicazione single-page (SPA)

Introduzione

I tile funzionano subito per le pagine renderizzate lato server, ma per le pagine che vengono renderizzate una sola volta all'avvio e poi il browser non viene ri-renderizzato al clic su una pagina diversa (= applicazioni single page), è necessaria una configurazione manuale per far funzionare i tile. Questo è spesso il caso di siti web che utilizzano framework popolari come React, Vue.js o Angular.

Passaggi da seguire

Passaggio 1

Aggiungi lo script iniziale dei tile al tuo html:

Passaggio 2

Aggiungi il div contenitore al tuo componente all'interno della SPA:

I tile non si avvieranno automaticamente con una SPA, perché lo script non riesce a trovare l'elemento «<ub-widget-review>», perché questo verrà renderizzato solo all'esecuzione di javascript.

Passaggio 3

Quando accedi alla rotta con i tile nell'HTML, devi chiamare

I tile dovrebbero ora apparire e funzionare correttamente.

Passaggio 4

Quando accedi a una rotta diversa all'interno della SPA, devi chiamare

al momento dello smontaggio del componente store-locator. Questo assicurerà che tutti i componenti vengano smontati correttamente e possano essere avviati di nuovo adeguatamente se l'utente torna alla vista.

Esempio

Qui troverai un repository di esempio con un'implementazione React con questo componente tile che contiene la maggior parte della logica menzionata nei passaggi precedenti.

Implementare il Review tile tramite API

Verifica se il widget esiste già (lo snippet deve essere non-null)

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

Crea widget, ad esempio per il tipo Review

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

Aggiorna la configurazione del widget

PATCH https://uberall.com/api/locations/$locationId/widgets?v=20191203{"widgets":[{"id": $widgetId ,"type":"