Noibu supports full session recording, error detection, and performance monitoring across the entire customer journey on Shopify merchant sites. Shopify Hydrogen customers can easily deploy Noibu’s eCommerce monitoring platform to their checkout via the Shopify App Marketplace, and to the rest of their storefront via Google Tag Manager.
| Note: if you’re an existing Noibu customer who has previously deployed Shopify using our collect-core.js script or custom pixel, you’ll need to remove these settings first. Learn how here. |
Step 1 - Install Noibu App for Shopify Checkout
1. Go to Noibu’s app listing on the Shopify App Store and click ‘Install’. Log in if required.
2. You’ll be redirected to the Noibu app installation page within Shopify. Click the ‘Install’ button to confirm your installation.
3. A confirmation screen will indicate Noibu has been successfully installed. Our team will reach out soon afterwards to help you complete your domain configuration.
Step 2 - Deploy Noibu Script for Shopify 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.