Wdrożenie kodu strony internetowej lokalizatora dealerów opartego na produktach
Krok 1: Dołącz skrypt do witryny
Poniższy przykład pokazuje, co jest potrzebne do zintegrowania widżetu Kup teraz z witryną. Po prostu zaktualizuj żądane parametry, a następnie skopiuj fragment kodu do swojej witryny.
- <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" asynchroniczny ></skrypt>
Parametr firmy jest wstępnie wypełniony identyfikatorem Twojej firmy, nie ma potrzeby zmiany tej wartości. Wszystkie parametry fragmentu kodu są dołączane do źródła skryptu i muszą być zgodne ze standardami jednolitych identyfikatorów zasobów .
- firma wymagany
- To jest Twój identyfikator firmy dostarczony przez Omacro. Ten identyfikator został przypisany podczas tworzenia konta firmowego i nigdy się nie zmieni. Powyższy fragment kodu zawiera już identyfikator Twojej firmy.
- kraj
- To jest dwucyfrowy kod ISO kraju Kod ISO 3166-1 alpha-2 lub auto . Jeśli nie zostanie dostarczona, zostanie przedstawiona mapa, aby umożliwić użytkownikowi wybór kraju. Gdy jest podany i nie jest ustawiony na auto , użytkownikowi natychmiast prezentowane są wyniki dla określonego kraju. W przypadku ustawienia automatycznego kraj zostanie określony automatycznie na podstawie adresu IP użytkownika.
- uprawomocnić
- W przypadku wartości true fragment kodu zweryfikuje, czy każdy identyfikator produktu dostępny na stronie jest prawidłowy, i zwróci produkt. Po zakończeniu sprawdzania poprawności fragment kodu doda odpowiednią klasę CSS do elementu wyzwalającego: obn-validate-pass lub obn-validate-fail . Podczas sprawdzania poprawności element wyzwalający będzie miał klasę CSS obn-validate-pending .
- odpluskwić
- Jeśli to prawda , fragment kodu pomoże w debugowaniu, rejestrując całą aktywność i powiadomienia w konsoli przeglądarki. Zaleca się wyłączenie tej funkcji po zakończeniu debugowania.
-
Poniższy przykład pokazuje prosty tag zakotwiczenia (link) używany jako wyzwalacz produktu. Możesz łatwo wykorzystać istniejące lub nowe elementy na swojej stronie, po prostu dodając wymagany parametr produktu .
- <a href="#obn" data-product="Twój identyfikator produktu">Link do produktu</a>
Parametry wyzwalacza mają pierwszeństwo przed parametrami fragmentu kodu, co pozwala na globalne ustawianie parametrów z wyjątkami w razie potrzeby. Wszystkie parametry wyzwalacza są atrybutami danych HTML, które wymagają rozpoczynania się od „ data- ”.
- produkt wymagany
- To jest identyfikator produktu. Może to być GTIN (UPC, EAN lub ISBN), SKU, nazwa modelu lub identyfikator Omacro. Zdecydowanie zalecamy użycie numeru GTIN, najlepiej UPC.
- kraj
- To jest dwucyfrowy kod ISO kraju Kod ISO 3166-1 alpha-2 lub auto . Jeśli nie zostanie dostarczona, zostanie przedstawiona mapa, aby umożliwić użytkownikowi wybór kraju. Jeśli jest podany i nie jest ustawiony na auto , użytkownikowi natychmiast prezentowane są wyniki dla określonego kraju. W przypadku ustawienia automatycznego kraj zostanie określony automatycznie na podstawie adresu IP użytkownika.
- uprawomocnić
- W przypadku wartości true fragment kodu zweryfikuje, czy każdy identyfikator produktu dostępny na stronie jest prawidłowy i zwróci produkt. Po zakończeniu sprawdzania poprawności fragment kodu doda odpowiednią klasę CSS do elementu wyzwalającego: obn-validate-pass lub obn-validate-fail . Podczas sprawdzania poprawności element wyzwalający będzie miał klasę CSS obn-validate-pending .