Overview

🔴 Container Code Embed Status Warning is fired when we detect inactivity from a container code. When you receive it, we advise you to check your container code where it is embedded.

What is an inactive container code?

When you install UserGuiding on your web platform, you place a unique container code in your source code. If it is successfully embedded, Code Embedding status gets a checkmark ✅ , and it's expected to be active.

An active container code:

  • Can recognize and count end-user visiting your platform where it is embedded.

  • Can show live content (guides, checklist, etc.) to end-users who meet all trigger conditions.

  • Can recognize and group end-users based on conditions you set for user segments.

However, changes you made in your source code sometimes could affect the placement or unity of third party snippets like UserGuiding's container code.

In those cases, even though embed status displays a checkmark ✅ , your container code won't be able to detect these activities so that it is perceived as inactive.

When UserGuiding detects inactivity from your container code, it advises you to check your code and ensure that UserGuiding is still installed on your web app.

How to activate a container code?

If you find out that a previously active container code is not correctly embedded on your platform page(s) anymore, you can revisit the following help documents.

How to check if UserGuiding is still correctly installed on your web app?

With the Troubleshooter, you can easily test if UserGuiding is installed on your app or not, given that you have the UserGuiding's chrome extension installed.

⚠️ Important: Because Some AdBlockers can block third-party tool scripts, make sure you've disabled any active AdBlocker you have on Chrome.

Check with the Troubleshooter

The troubleshooter can only open on a page where a unique container code is successfully embedded and active.

  • Open one of your platform pages where you expect UserGuiding to be installed.

  • Right-click the UserGuiding Chrome Extension icon and click Run Troubleshooter on this page. Alternatively, just add "?_ug_troubleshoot=true" at the end of the page URL and click enter.

If UserGuiding is, in fact, installed on that specific page, you should see the Troubleshooter on the left side of the page.

To check the container code's name embedded on the current page, click "Container Information" on Troubleshooter.

Check with the Developer Console

  1. Open one of your platform pages where you expect UserGuiding to be installed. Right-click on the browser page and click on Inspect

  2. Open the console.

  3. Copy & paste "userGuiding.activateTroubleshooter()" and click Enter.

If UserGuiding is, in fact, installed on that specific page, you should see the Troubleshooter on the left side of the page.

If not, you will get the following error:

Alternatively, you can use the Chrome DevTools Sources panel to view your JS Files to check if UserGuiding's container code (a JS file) is one of them.

  • Open one of your platform pages where you expect UserGuiding to be installed.

  • Right-click on the browser page and click on Inspect

  • Open the Console and go to Sources.

  • Use the Page pane to view all of the resources that the page has loaded.

  • Check if "static.userguiding.com" is there.

Related Articles:

How do I embed the Container Code into my software to complete the installation?

Did this answer your question?