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

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

omacro hat zwei Haupttypen von Locator-Optionen. Dieser Abschnitt bezieht sich auf die Einrichtung des Codes auf dem Front-End Ihrer Website für den General Locator. Dieser Locator liefert allgemeine Händlerergebnisse, die nicht mit einem Produkt verbunden sind. Online-Ergebnisse ermöglichen es Benutzern beispielsweise, sich entweder zur Haupt-Website-Domain des Verkäufers oder zur benutzerdefinierten URL des Verkäufers, die Sie eingerichtet haben, durchzuklicken . Informationen zu Ergebnissen, die mit bestimmten Produkten verbunden sind, finden Sie in den Implementierungsanweisungen für den produktbasierten Locator .

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.
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.

Unternehmen 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 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.
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: Trigger den Buttons zuweisen

Das folgende Beispiel zeigt ein einfaches Anker-Tag (Link), das als Schaltflächen-Trigger verwendet wird. Sie können problemlos vorhandene oder neue Elemente auf Ihrer Website verwenden, indem Sie einfach die erforderlichen Parameter hinzufügen.

  1. <a href="#obn" data-product="*">Händler finden</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 und sollte auf "*" gesetzt werden.
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 .