Integracja Magento 2 z modułem Google Tag Manager i GA4

Wprowadzenie

Magefan to agencja e-commerce z Ukrainy, która powstała w październiku 2015 roku. Firma ta oferuje wysokiej jakości rozwiązania e-commerce, które można zaimportować do sklepu Magento 2. Magefan oferuje wiele funkcjonalności, w tym:

• 40+ rozszerzeń Magento 2: Firma oferuje ponad 40 rozszerzeń Magento 2, które pomagają w zoptymalizowaniu sklepu internetowego.
• Dostosowanie Magento 2: Firma oferuje dostosowanie Magento 2 do indywidualnych potrzeb klienta.
• Tworzenie niestandardowych rozszerzeń: Firma oferuje tworzenie niestandardowych rozszerzeń Magento 2.
• Naprawa błędów: Firma oferuje naprawę błędów w sklepie Magento 2.
• Optymalizacja prędkości: Firma oferuje optymalizację prędkości sklepu Magento 2.

Firma Magefan skupia się na jakości produktów i doskonałej obsłudze klienta. Dlatego oferuje rozwiązania e-commerce, którym można zaufać.

Opis instalacji

Moduł Magefan Google Tag Manager jest dostępny w serwisie github, na strona producenta i z poziomu managera pakietów Composer. Podstawowe zastosowanie modułu opisałem już w krótkim opisie. W tej instrukcji skorzystamy z najszybszej opcji instalacji, czyli przez Composer z poziomu terminalu serwera połączonepo zdalnie protokołem SSH. Zaczynamy.

Logujemy się po SSH do terminala naszego konta hostingowego, przechodzimy do katalogu głównego magento.

Sprawdzamy na początku, czy i jaką wersję Composera mamy dostępną. Jeśli z jakichś powodów polecenia composera nie są dostępne należy skontaktować się z administratorem serwera lub zainstalować moduł ręcznie, paczką pobraną z github'a.

user@host:~/magento$ composer --version
Composer version 2.2.9 2022-03-15 22:13:37

U nas composer jest dostępny. Możemy przejść do instalacji modułu Google Tag Manager. W naszym przykładzie zainstalujemy moduł pod Magento 2.3.x.
Wpisujemy w tym celu komendę:

user@host:~/magento$ composer require magefan/module-google-tag-manager
Using version ^2.5 for magefan/module-google-tag-manager
./composer.json has been updated
Running composer update magefan/module-google-tag-manager
Loading composer repositories with package information
Updating dependencies
Lock file operations: 3 installs, 0 updates, 0 removals
  - Locking magefan/module-admin-user-guide (2.0.3)
  - Locking magefan/module-community (2.1.18)
  - Locking magefan/module-google-tag-manager (2.5.0)
Writing lock file
Installing dependencies from lock file (including require-dev)
Package operations: 3 installs, 0 updates, 0 removals
  - Downloading magefan/module-admin-user-guide (2.0.3)
  - Downloading magefan/module-community (2.1.18)
  - Downloading magefan/module-google-tag-manager (2.5.0)
  - Installing magefan/module-admin-user-guide (2.0.3): Extracting archive
  - Installing magefan/module-community (2.1.18): Extracting archive
  - Installing magefan/module-google-tag-manager (2.5.0): Extracting archive

Moduł został zaciągnięty do katalogu "magento/vendor/magefan/". Z raportu instalacji wynika, że dodatkowo pobrane zostały moduły magefan/community i magefan/admin-user-guide czyli zestaw funkcji i konfiguracji domyślnie dodawany przez tego producenta.

Następnie włączamy nowe moduły, aktualizujemy konfigurację magento, przeprowadzamy kompilację i czyścimy cache sklepu:

user@host:~/magento$ bin/magento module:enable Magefan_AdminUserGuide Magefan_Community Magefan_GoogleTagManager
user@host:~/magento$ bin/magento setup:upgrade
user@host:~/magento$ bin/magento setup:di:compile
user@host:~/magento$ bin/magento setup:static-content:deploy pl_PL
user@host:~/magento$ bin/magento cache:flush

Moduł został zainstalowany, możemy przejść do panelu admina i przystąpić do konfiguracji.

W tym miejscu zakładamy, że konfiguracja Google Tag po stronie panelu Google została już wykonana - czyli mamy utworzony profil google analytics dla naszej strony, skonfigurowane eventy oraz tagi. Bardzo dokładnie cały proces konfiguracji został opisany w dokumentacji producenta na tej stronie. Gorąco zachęcam do zapoznania się z treścami tam zawartymi.

W panelu admina magento przechodzimy do:  Stores -> Configuration -> Magefan Extensions -> Google Tag Manager and Analytics

Tu włączamy rozwiązanie, podajemy Publiczne ID naszego GTM, identyfikator konta oraz kontenera.
W kolejnej zakładce możemy skonfigurować konto Google Analytics 4, do zbierania informacji w jaki sposób klienci poruszają się po stronie, i gdzie pojawiają się ewentualne problemy.

Moduł Google Tag Manager od Magefan jest dostępny w kilku wersjach. Ta instrukcja opisuje proces instalacji podstawki. Żeby skorzystać z bardziej zaawansowanych funkcji należy zastanowić się nad wykupieniem planu subskrypcji - Plus, bądź Extra. Więcej informacji odnośnie tych wersji i kosztów - jest dostępne na stronie producenta.