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 BUY.BOX.
![](https://getbuybox.com/wp-content/uploads/2023/11/gtm.gif)
Aby skorzystać z tej metody, musisz mieć aktywne konto Google Tag Manager i opublikowany kontener.
1. Dodawanie nowego tagu
Zaloguj się do swojego konta GTM i przejdź do zakładki Tagi, a następnie kliknij w przycisk Nowy. Wpisz jego nazwę i kliknij w Konfiguracja tagu. Na liście tagów wybierz Odkryj więcej tagów w Galerii szablonów, a następnie wyszukaj BUY.BOX Where To Buy Widget Script i dodaj go do obszaru roboczego.
2. Podstawowa konfiguracja
- 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.
- Widget configuration ID. W tym polu podaj identyfikator swojego widgetu. Znajdziesz go w panelu BUY.BOX.
- 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.
![](https://getbuybox.com/wp-content/uploads/2023/11/gtm-1-1024x684.png)
3. Dodatkowe ustawienia
- Show product information. Wybierz czy chcesz, żeby w widgecie były prezentowane szczegóły produktu, takie jak nazwa i zdjęcie.
- 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.
- 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.
- 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.
- 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.
![](https://getbuybox.com/wp-content/uploads/2023/11/gtm-2-1024x684.png)
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łę.
![](https://getbuybox.com/wp-content/uploads/2023/11/gtm-3-1024x684.png)
Jeżeli masz skonfigurowany tag i ustawione reguły wyświetlania, zostało Ci już tylko zapisane nowego tagu i opublikowanie go.