Locator e attributi Pages

Modello di widget, che contiene tutte le funzionalità di Locator – pronto per essere inviato con un paio di modifiche.

Italian

FR French

IT Italian

JP Japanese

DE German

US English (US)

ES Spanish

Padroneggiare la Piattaforma
Vicino a me 360 IA Analitiche Directory Homepage Hub Ubicazione Localizzatore + Pagine Messaggi App Mobile Stato della Piattaforma e Domande Frequenti Gestione delle Recensioni Sociale La Dashboard Novità

+ More

Indice dei contenuti

Locator Widget Elenco degli attributi Impostazioni generali di Locator Impostazioni della visualizzazione elenco di Locator Impostazioni generali delle pagine Impostazioni dei componenti delle pagine Impostazioni dell'elenco contenuti delle pagine Impostazioni dei colori Esempio di Locator Widget Codice Esempio

Il Locator Widget predefinito contiene gli elementi HTML minimi necessari per eseguire il Locator Widget. Per personalizzare l'aspetto del Locator Widget in modo che sia allineato ai requisiti e al design del sito Web, è possibile aggiungere attributi HTML all'interno dell'elemento HTML <div> per regolare i componenti visualizzati.

<script src="https://uberall.com/assets/storeFinderWidget-v2.js" type="text/javascript"></script> 
<div 
 id="store-finder-widget" 
 data-key="{{locator-data-key}}" 
></div>

Elementi e attributi obbligatori

Elemento	Attributi
<script>	<source> del JavaScript del Locator Widget <type> caratteristica dell'elemento script
<div>	<id> definisce la divisione del contenuto del Locator Widget <data-key> identifica la configurazione specifica del contenuto visualizzato

Elenco degli attributi

Elenco collettivo delle possibili impostazioni fornite.

Impostazioni generali di Locator

Attributo	Descrizione
data-baseurl	Percorso URL Definisci la produzione del database o la sandbox
data-widgetoriginurl	Percorso URL Definisci la produzione del database o la sandbox
data-title	input di testo Definisci il titolo del Locator Widget
data-logourl	Percorso URL immagine accessibile pubblicamente in formato .png o .jpg
data-locationpinurl	Percorso URL immagine accessibile pubblicamente in formato .png o .jpg
data-locationpinurl-business	input di testo «$business_id1=URL_PATH1, $business_id2=URL_PATH2, ...» - immagine accessibile pubblicamente in formato .png o .jpg obbligatorio configurazione di «data-locationpinurl»
data-locationpincolor	input di testo Accetta un colore in testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-locationpinhovercolor	input di testo Accetta un colore in testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-clustericoncolor	input di testo Accetta un colore in testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-clustericonhovercolor	input di testo Accetta un colore in testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-footertext	input di testo Definisci il footer del Locator Widget
data-language	input di testo Valori: «en»/«de» Definisci la lingua visualizzata del Locator Widget con codice lingua a due lettere
data-countries	input di testo Valori: «US»/«DE» Definisci le posizioni visualizzate per paese con codice paese a due lettere
data-askforlocationonload	booleano Valori: «true»/«false»
data-businessidlistwithoutdetailpage	input di testo Posizioni «Solo pin» – hanno posizioni senza una pagina locale aggiungendo gli ID aziendali della posizione a quell'attributo; elenca gli ID aziendali separati da virgola ad es.: «businessId_1,businessId_2,...»
data-trackevents	booleano Valori: «true»/«false»
data-gapikey	input di testo La chiave API di Google Maps – se non aggiunta, la chiave regolare viene presa dal sistema come predefinita.
data-mapcentercoordinates	input di testo Definisci lat e lng («lat:40,4;lng:-3,7») su cui la mappa dovrebbe essere centrata.

Tag Meta di Locator

input di testo

Attributo	Descrizione
data-mainpagetitle	input di testo Definisci il titolo della pagina della pagina su cui è incorporato il locator.
data-mainpagedescription	input di testo Definisci la descrizione della pagina su cui è incorporato il locator.
data-localpagetitle	input di testo Definisci un titolo di pagina locale per tutte le pagine. Usa i placeholder per individualizzare i titoli usando il formato placeholder $placeholder: $name $city $address $zip $keywords $CustomFieldName
data-localpagedescription	input di testo Definisci una descrizione per tutte le pagine. Usa i placeholder per individualizzare le descrizioni usando il formato placeholder $placeholder: $name $city $address $zip $keywords $CustomFieldName
data-sitemaptitle
data-sitemapdescription	input di testo

Impostazioni della visualizzazione elenco di Locator

Attributo	Descrizione
data-hideopennowfilter	booleano Valori: «true»/«false»
data-imperialunits	booleano Valori: «true»/«false»
data-filters	input di testo Seleziona i campi che controllano i dati dei filtri. Può essere il campo servizi o un campo filtro avanzato.
data-filter-services	input di testo Selezione dei filtri visualizzati nella visualizzazione elenco di Locator. L'input di testo dei filtri deve corrispondere ai servizi dei dati di localizzazione. obbligatorio configurazione di data-filters; separato da virgole
data-showaddressextra	booleano Valori: «true»/«false»
data-showactionbuttons	booleano Valori: «true»/«false» Visualizza/Nascondi CTA per indicazioni stradali e chiamate nell'elenco delle posizioni
data-showctabuttoninlocationlist	booleano Valori: «true»/«false» Visualizza/Nascondi CTA personalizzati nell'elenco delle posizioni
data-showfullwidth	booleano Valori: «true»/«false» Estende la mappa alla larghezza completa del suo contenitore.
data-hidefilterbar	booleano Valori: «true»/«false» Nasconde la barra dei filtri a discesa se impostato su true.

Impostazioni generali delle pagine

Attributo	Descrizione
data-locationpageheader	input di testo Valori: «map»/«hero» Selezione dell'header della pagina di localizzazione visualizzato sia una visualizzazione mappa che l'immagine panoramica dei dati di localizzazione con dimensioni 2266 x 480 pixel predefinito «map»
data-showfooter	booleano Valori: «true»/«false»
data-showheader	booleano Valori: «true»/«false»
data-showattribution	booleano Valori: «true»/«false»
data-showaddressextra	booleano Valori: «true»/«false»
data-noindexlocationsmap	booleano Valori: «true»/«false» Le pagine della mappa non verranno indicizzate da Google.

Impostazioni dei componenti delle pagine

Attributo	Descrizione
data-minimumreviewratingtoshow	input di testo Definisce la valutazione in stelle minima che una recensione deve avere per essere visualizzata. Deve essere utilizzato insieme a data-showreviews="true" Valori: «1»/ «2»/ «3»/ «4»/ «5»
data-showkeywords	booleano Valori: «true»/«false»
data-showcategories	booleano Valori: «true»/«false»
data-showlanguages	booleano Valori: «true»/«false»
data-showwebsite	booleano Valori: «true»/«false»
data-showlogo	booleano Valori: «true»/«false»
data-showsimilarlocations	booleano Valori: «true»/«false»
data-showservices	booleano Valori: «true»/«false»
data-showbrands	booleano Valori: «true»/«false»
data-showbacklink	booleano Definisci se dovrebbe essere visualizzato il «ritorno alla visualizzazione mappa» Valori: «true»/«false»
data-showreviews	booleano Definisci se il feedback dei clienti dovrebbe essere visualizzato – Solo Google My Business Valori: «true»/«false»
data-showpaymentmethods	booleano Valori: «true»/«false»
data-useidentifier	booleano Valori: «true»/«false»
data-uselatinencodedurls	booleano Valori: «true»/«false» Utilizzato per gli indirizzi con caratteri non latini per adattarsi
data-showzipcity	booleano Valori: «true»/«false»
data-showsocialprofiles	booleano Valori: «true»/«false»
data-showimprint	booleano Valori: «true»/«false»
data-primarycolumn-snippetcustomfieldkey	Input di testo Valore: nome del tuo campo personalizzato contenente l'HTML
data-secondarycolumn-snippetcustomfieldkey	Input di testo Valore: nome del tuo campo personalizzato contenente l'HTML

Impostazioni dell'elenco contenuti delle pagine

Attributo	Descrizione
data-showProductContentList	booleano Valori: «true»/«false»
data-showMenuContentList	booleano Valori: «true»/«false»
data-showEventContentList	booleano Valori: «true»/«false»
data-showCustomContentList	booleano Valori: «true»/«false»
data-showPeopleContentList	booleano Valori: «true»/«false»

Impostazioni dei colori

Attributo	Descrizione
data-buttonbgcolor	input di testo Definisci il colore di quell'elemento utilizzando testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-buttontextcolor	input di testo Definisci il colore di quell'elemento utilizzando testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-linkcolor	input di testo Definisci il colore di quell'elemento utilizzando testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-primarytextcolor	input di testo Definisci il colore di quell'elemento utilizzando testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-bgprimarycolor	input di testo Definisci il colore di quell'elemento utilizzando testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-bgsecondarycolor	input di testo Definisci il colore di quell'elemento utilizzando testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-bordercolor	input di testo Definisci il colore di quell'elemento utilizzando testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-listitemhovercolor	input di testo Definisci il colore di quell'elemento utilizzando testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)
data-secondarytextcolor	input di testo Definisci il colore di quell'elemento utilizzando testo, codice RGB o codice Hex («red»,«rgb(255,0,0)», «#EB4034»)

Se vuoi darci un feedback (ad es. qualcosa manca o per un suggerimento) per favore contattaci!

Il codice del Locator Widget seguente è un esempio che contiene tutti gli attributi disponibili forniti, anche se non tutti vengono utilizzati.

Codice

<script src="https://uberall.com/assets/storeFinderWidget-v2.js" type="text/javascript"></script>

<div   
id="store-finder-widget" 
data-key="{{locator-data-key}}" 
data-baseurl="https://uberall.com" 


data-title="Locator + Pages"
data-logourl="{{logo-url}}"
data-locationpinurl="{{pin-url}}" 
data-locationpinurl-business=""
data-locationpincolor=""
data-locationpinhovercolor=""
data-clustericoncolor=""
data-clustericonhovercolor=""
data-footertext="copyright (2020 Uberall)"
data-locationpageheader="map"
data-showfullwidth="false"

data-language="" 
data-countries="" 


data-askforlocationonload="true" 
data-trackevents="true" 


data-hideopennowfilter="false" 
data-imperialunits="false" 
data-filters="services" 
data-filter-services="" 
data-hidefilterbar="false"


data-showkeywords="false"
data-showcategories="true"
data-showlanguages="true"
data-showwebsite="true"
data-showlogo="true"
data-showsimilarlocations="true"
data-showservices="true"
data-showbrands="false"
data-showbacklink="true"
data-showreviews="true"
data-showpaymentmethods="false"
data-useidentifier="false"
data-showzipcity="true"
data-showfooter="true"
data-showheader="true"
data-showattribution="true"


data-showProductContentList="true"
data-showMenuContentList="true"
data-showEventContentList="true"
data-showCustomContentList="true"
data-showPeopleContentList="true"


data-buttonbgcolor="#3096DE" 
data-buttontextcolor="white" 
data-linkcolor="#3096DE"
data-primarytextcolor="#3C77B2"  

data-bgprimarycolor="#FFFFFF"
data-bgsecondarycolor="#FFFFFF"
data-bordercolor="#FFFFFF"
data-listitemhovercolor="#FFFFFF"
data-secondarytextcolor="#FFFFFF"
data-primarycolumn-snippetcustomfieldkey="custom-primary"
data-secondarycolumn-snippetcustomfieldkey="custom-secondary"

></div>

Esempio

caratteristiche posizionamento