BigCommerce customers using a headless implementation can deploy Noibu's eCommerce error monitoring platform to their checkout via the BigCommerce App Marketplace, and to the rest of their storefront via Google Tag Manager.
Step 1 - Install Noibu App for BigCommerce Checkout
1. Go to Noibu's app listing on the BigCommerce App Marketplace and click 'Get this App'
2. Click 'Log in' to authenticate into your BigCommerce account.
3. Once logged in, you'll be directed to the Noibu app installation page within BigCommerce. Click the 'Install' button and confirm that you wish to install the Noibu app.
4. A confirmation screen will indicate Noibu has been successfully installed.
What happens next: No further action is needed at this point; our team will reach out soon afterwards to help you complete your Noibu configuration and deployment.
Step 2 - Deploy Noibu Script for BigCommerce storefront
1. Log into your Google Tag Manager account and click Add a New Tag.
2. Click Tag Configuration. This opens a menu of options. Select Custom HTML.
3. Paste the following script into the HTML box and click Save.
<script src="https://cdn.noibu.com/collect-core.js"></script>
4. Configure the tag's triggers to determine how the script will activate. Click Add Trigger.
5. Select All Pages. This ensures the Noibu script will track activity across all pages of your eCommerce store.
Set the trigger's Type to Initialization or Page View.
6. Click Save. Enter a unique name for the tag–we recommend simply naming the tag Noibu–and click Save.
7. Click Submit to finalize the tag and publish the changes to your eCommerce site.
8. Click Publish and Create Version.
- Enter Noibu in the Version Name field.
- Enter Noibu Error Monitoring in the Version Description field.
- Click Publish.
Once this two-part installation is complete, you’ll have access to Noibu’s error monitoring and session replay—along with BigCommerce event collection, release monitoring, and more. Learn more here.