Magento 2 Administration Extensions

  1. Home
  2. Docs
  3. Magento 2 Administration Extensions
  4. Magento 2 Google Analytics 4
  5. Installation Guide

Installation Guide

After finishing the purchasing process, we will email you the link to download this extension.

(Please turn off Merge-JS before installing the module. Only Turn on Merge-JS when finishing the installation).

NOTE: If you use Hyva theme, please install the original extension via Composer.

1. Install the extension

1.1 Install via App/Code

Step 1:

Unzip the file.

Step 2:

Create another directory called app/code/Bss/GA4/. 'GA4' is the module's internal identifier. You can find it in the "composer.json" file in the extension ZIP file you downloaded, look at the node "psr-4".

This is what you call the directory, and then you put the contents of the extension ZIP file in there.

Step 3:

Upload the directory app/code/Bss/GA4/ into the root directory of your Magento installation. The root directory of Magento is the directory that contains the directories "app", "bin", "lib" and more. All directories should match the existing directory structure.

Step 4:

Go to Magento 2 root directory.

Run: php bin/magento setup:upgrade.

Step 5:

Run: php bin/magento setup:static-content:deploy.

Step 6:

Clear all Caches

1.2. Install via Composer

Besides installing Magento 2 extensions via App/Code, installing via Composer is another very common and simple way used by a lot of Magento users.

Follow the guide here.

2. Install/Uninstall/Disable the Hyva Theme Compatibility package

The following instruction is used for the Hyva theme compatibility package ONLY.

Step 1: Install the extension by the above Composer (If you already installed the module, then skip this step)

Step 2: Install the Hyva compatibility package:

1. Install via composer, run commands:

- composer require hyva-themes/magento2-bsscommerce-ga4

2. Enable module:

- php bin/magento setup:upgrade

  • To disable the Hyva compatibility package, run commands: 

- php bin/magento module:disable Hyva_BssGA4

  • To uninstall the Hyva compatibility package, run commands:

- composer remove hyva-themes/magento2-bsscommerce-ga4

NOTE :

When installing module, you need to run the following commands to receive css:

- bin/magento hyva:config:generate

Adding the file including tailwind css: "src": "vendor\/hyva-themes\/magento2-bsscommerce-ga4\/src" to file app/etc/hyva-themes.json

- cd /path/vendor/hyva-themes/magento2-default-theme/web/tailwind/

(This path is for theme Hyva default in your site)

- cd /path/to/project/app/design/frontend/VendorName/ModuleName/web/tailwind/

(This path is for custom theme in your site)

- npm run build-prod

After purchasing this module, just add our skype account at support.bsscommerce, BSS Support Team will help you with this extension immediately. Further assistance is available via Email and Skype.

If you followed all the above steps but the extension still doesn’t work correctly, you can delete the file or change the module’s file name to keep your website functioning as normal. Then please contact us via sales@bsscommerce.com or Skype: support.bsscommerce, our supporters will assist you in resolving any issues within 24 hours.

Was this article helpful to you? Yes 1 No 2

How can we help?