Implementa Locator & Pages per app mobile

Italian

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

Introduzione

Lo store-locator può essere aggiunto alle app mobile attraverso l'uso dei WebView. Questo articolo spiega come integrare lo storefinder sia per app iOS che Android.

Questo articolo non approfondisce come personalizzare il comportamento del WebView. Lo storefinder ha più link e azioni che richiedono personalizzazione. Ad esempio:

Al clic sul pulsante percorso nella pagina della location, dovrebbe aprirsi l'app mappe predefinita del telefono
Al clic su un prodotto in una pagina di location, dovrebbe aprirsi il browser predefinito e navigare verso l'URL
Al clic sul pulsante di chiamata nella pagina della location, dovrebbe guidare l'utente verso la composizione di quel numero (in base al flusso di ogni sistema operativo mobile)
All'accesso allo storefinder, il telefono mobile dovrebbe chiedere all'utente il permesso per la geolocalizzazione per mostrare quindi la distanza dalle location nella lista
Al clic su Facebook/Instagram/(altre icone social) l'utente dovrebbe essere reindirizzato a quelle app social

Questo deve essere fatto dal team di sviluppo che implementa lo storefinder.

iOS con Swift:

Passaggio 1

Importa Webkit dentro di ViewController.swift

import WebKit

Passaggio 2

Estendi il ViewController con WKUIDelegate

class ViewController: UIViewController, WKUIDelegate{

Passaggio 3

Crea un'istanza di webkit webview

let webViewComponent = WKWebView()

Passaggio 4

Estendi il webkit WebView all'intera schermata (via viewDidLayoutSubviews)

override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        webViewComponent.frame = view.bounds
        
    }

Passaggio 5

Carica lo storefinder dentro di viewDidLoad

override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(webViewComponent)
        
        let html = """
                    <htmlElement>
                        <meta name=\"viewport\" content=\"user-scalable=no, width=device-width\">
                        <![CDATA[<html><script
                            src="https://locator.uberall.com/locator-assets/storeFinderWidget-v2.js"
                            type="text/javascript"
                        ></script>
                        <div
                            style="min-height:600px;"
                            id="store-finder-widget"
                            data-key="YOUR_KEY"
                        /></html>]]>
                    </htmlElement>
                    """
        webViewComponent.uiDelegate = self
        webViewComponent.loadHTMLString(html, baseURL: nil)
        
    }

Codice completo di ViewController.swift:

import UIKit
import WebKit

class ViewController: UIViewController, WKUIDelegate{

    let webViewComponent = WKWebView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(webViewComponent)
        
        let html = """
                    <htmlElement>
                        <meta name=\"viewport\" content=\"user-scalable=no, width=device-width\">
                        <![CDATA[<html><script
                            src="https://locator.uberall.com/locator-assets/storeFinderWidget-v2.js"
                            type="text/javascript"
                        ></script>
                        <div
                            style="min-height:600px;"
                            id="store-finder-widget"