Osadzanie widgetów na stronie internetowej bez korzystania CMS i ingerowania w kod strony. Użyj szablonu GTM, aby osadzić widget (plugin).

Google Tag Manager (GTM) to proste narzędzie do zarządzania tagami i kodami JavaScript wstawianymi na stronę internetową. Dzięki niemu możesz łatwo dodawać i usuwać kody zewnętrznych partnerów bez konieczności ingerencji w kod strony. Zobacz, jak skorzystać z tej metody implementacji widgetu 100Shoppers.

Aby skorzystać z tej metody, musisz mieć aktywne Google Tag Manager konto i opublikowany kontener.

1. Dodanie nowego tagu

Zaloguj się na swoje konto GTM i przejdź do zakładki Tagi, a następnie kliknij przycisk Nowy. Wpisz jego nazwę i kliknij Konfiguracja tagu. Na liście tagów wybierz Odkryj więcej tagów w Galerii szablonów, a następnie wyszukaj 100Shoppers Where To Buy Widget Script i dodaj go do swojego obszaru roboczego.

2. Podstawowa konfiguracja

  1. Document element ID. Ten sposób implementacji domyślnie wstawia na Twoją stronę pływający przycisk, który uruchamia widget. Jeżeli chciałbyś, żeby zamiast pływającego przycisku widget uruchamiał jakiś element Twojej strony, to w pole Document element ID wpisz jego identyfikator. W przeciwnym razie zostaw to pole puste.
  2. Widget configuration ID. W tym polu podaj identyfikator swojego widgetu. Znajdziesz go w panelu 100Shoppers.
  3. Product EAN.Podaj kod EAN produktu, dla którego chcesz wygenerować widget. Jeżeli Twoja strona wykorzystuje zmienną warstwę danych (dataLayer), w której przechowywane są kody EAN produktów opisywanych na Twojej stronie, możesz w GTM zdefiniować odpowiednią zmienną i wstawić ją w pole Product EAN.

IMG

Dodatkowe ustawienia

  1. Show product information.Wybierz czy chcesz, żeby w widgecie były prezentowane szczegóły produktu, takie jak nazwa i zdjęcie.. Choose if you want the product details such as name and picture to be shown in the widget.
  2. Maximum price i Minimum price. W tych polach możesz zdefiniować maksymalną i/lub minimalną cenę, zgodnie którą będą filtrowane oferty. Jeżeli ustalisz np. maksymalną cenę na 50 zł, to oferty z ceną wyższą nie zostaną wyświetlone w widgecie. Jeżeli chcesz pokazywać wszystkie oferty niezależnie od ich ceny, pozostaw te pola puste.
  3. Additional user parameter. W tych polach możesz podać jakiekolwiek dane, które chcesz, żebyśmy zapisali przy transakcji. Więcej o parametrach abpar przeczytasz tutaj.
  4. Element ID to display when widget has no offers. Jeżeli dla danego widgetu nie znajdziemy żadnych ofert, domyślnie zostanie wyświetlony komunikat o braku ofert dla tego produktu. Jeżeli chciałbyś ten domyślny komunikat zastąpić własną treścią (własny komunikat, grafika, kod reklamy), musisz dodać taką treść na swojej stronie, a w tym polu podać jej identyfikator.
  5. Floating button text. Pływający przycisk, który uruchamia widget, domyślnie posiada tekst „Kup online”. Jeżeli chciałbyś go zmienić, to w tym polu wpisz własne call to action.

IMG

4. Dodawanie reguły wyświetlania

Na koniec należy ustalić regułę wyświetlania widgetu. Jeżeli przy użyciu tej metody chcesz wstawić widget tylko na jedną konkretną podstronę, to po kliknięciu w Wybierz regułę kliknij przycisk plusa, a następnie podaj nazwę reguły i kliknij w Skonfiguruj regułę. W listy typów reguły wybierz Wyświetlenie strony. Zaznacz opcję Niektóre wyświetlenia strony i ustaw jej parametry. Zapisz regułę.

IMG

Jeżeli masz skonfigurowany tag i ustawione reguły wyświetlania, zostało Ci już tylko zapisane nowego tagu i opublikowanie go.

Inne sposoby wyświetlania widgetu:

  • Dodaj skrypty w kodzie strony
  • JSON
  • Widget multiwariantowy