Implementierung des Codes für die produktbasierte Händlersuche-Website

Implementierung des Codes für die produktbasierte Händlersuche-Website

Schritt 1: Skript in die Website einbinden

Das folgende Beispiel zeigt, was erforderlich ist, um das Widget „Jetzt kaufen“ in Ihre Website zu integrieren. Aktualisieren Sie einfach die gewünschten Parameter und kopieren Sie das Snippet in Ihre Website.

  1. <script id="omacro-widget-buynow" src="https://buynow.omacro.com/embedded/bn.loader.js?company=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX&country=auto&validate=false&debug=false" async></script>

Der Unternehmensparameter ist mit Ihrer Unternehmenskennung vorbelegt, Sie müssen diesen Wert nicht ändern. Alle Snippet-Parameter werden an die Skriptquelle angehängt und müssen den Standards von Uniform Resource Identifiers entsprechen .

Gesellschaft   erforderlich
Dies ist Ihre von Omacro bereitgestellte Firmenkennung. Diese ID wurde ursprünglich bei der Erstellung Ihres Unternehmenskontos zugewiesen und wird sich nie ändern. Das obige Snippet-Beispiel enthält bereits Ihre Unternehmenskennung.
Land
Dies ist ein zweistelliger ISO-Ländercode ISO 3166-1 Alpha-2-Code oder auto . Wenn nicht angegeben, wird eine Karte angezeigt, auf der der Benutzer sein Land auswählen kann. Wenn bereitgestellt und nicht auf „Automatisch“ eingestellt, werden dem Benutzer sofort Ergebnisse für das angegebene Land angezeigt. Bei Einstellung auf „ Auto “ wird das Land automatisch anhand der IP-Adresse des Benutzers bestimmt.
bestätigen
Wenn wahr , überprüft das Snippet, ob jede auf der Seite verfügbare Produktkennung gültig ist, und gibt ein Produkt zurück. Sobald die Validierung abgeschlossen ist, fügt das Snippet die entsprechende CSS-Klasse zum Triggerelement hinzu: obn-validate-pass oder obn-validate-fail . Während die Validierung aussteht, hat das Auslöserelement die CSS-Klasse obn-validate-pending .
debuggen
Wenn wahr , hilft das Snippet beim Debuggen, indem alle Aktivitäten und Benachrichtigungen in Ihrer Browserkonsole protokolliert werden. Es wird empfohlen, diese Funktion zu deaktivieren, sobald das Debuggen abgeschlossen ist.

​

Schritt 2: Produktauslöser den Schaltflächen zuweisen

Das folgende Beispiel zeigt ein einfaches Anker-Tag (Link), das als Produktauslöser verwendet wird. Sie können ganz einfach vorhandene oder neue Elemente auf Ihrer Website verwenden, indem Sie einfach die erforderlichen Produktparameter hinzufügen .

  1. <a href="#obn" data-product="Ihre Produktkennung">Produktlink</a>

Trigger-Parameter haben Vorrang vor Snippet-Parametern, sodass Parameter bei Bedarf global mit Ausnahmen festgelegt werden können. Alle Triggerparameter sind HTML -Datenattribute, die mit „ data- “ beginnen müssen.
Produkt   erforderlich
Dies ist die Produktkennung. Dies kann eine GTIN (UPC, EAN oder ISBN), eine SKU, ein Modellname oder eine Omacro-ID sein. Wir empfehlen dringend die Verwendung einer GTIN, idealerweise UPC.
Land
Dies ist ein zweistelliger ISO-Ländercode ISO 3166-1 Alpha-2-Code oder auto . Wenn nicht angegeben, wird eine Karte angezeigt, auf der der Benutzer sein Land auswählen kann. Wenn bereitgestellt und nicht auf „Automatisch“ eingestellt, werden dem Benutzer sofort Ergebnisse für das angegebene Land angezeigt. Bei Einstellung auf „ Auto “ wird das Land automatisch anhand der IP-Adresse des Benutzers bestimmt.
bestätigen
Wenn wahr , überprüft das Snippet, ob alle auf der Seite verfügbaren Produktkennungen gültig sind, und gibt ein Produkt zurück. Sobald die Validierung abgeschlossen ist, fügt das Snippet die entsprechende CSS-Klasse zum Triggerelement hinzu: obn-validate-pass oder obn-validate-fail . Während die Validierung aussteht, hat das Auslöserelement die CSS-Klasse obn-validate-pending .