Setup the Script

An embedded landing page can be added to your site in 2 ways, either using Google Tag Manager or through manual insertion of the <script> into the <head> of your site. Instructions for both of these implementation options can be found below.

Using Google Tag Manager

A Beans iD embedded landing page can be easily embedded using Google Tag Manager by following the steps below.

Add a new tag

Go to Google Tag Manager and select the Add new tag option.

Select the Custom HTML option

When setting up the new tag, select the Custom HTML option.

Add the Beans iD <script>

Copy the script below and paste it into the HTML tag in Google Tag Manager.

  <script>
    (function() {
      var hasScript = document.getElementById("beansid-script")
      if (hasScript) {
        return
      }

      var script = document.createElement("script");
      script.setAttribute("src", "https://cdn.studentbeans.com/third-party/all.js");
      script.setAttribute("async", "true");
      script.setAttribute("id", "beansid-script");
      document.head.appendChild(script);
    })();
  </script>

Trigger the script to fire on all pages

In the Triggers section of the options, set the tag to fire on all pages.

Save and publish

Save your tag as beansid and then publish your container.

Manually add the`<script>`

Alternatively, if you don’t use Google Tag Manager, you can manually add the script to your site instead. Add the <script> shown below inside the <head> tag of the HTML for the page you want the landing page to be embedded on.

<script
  src="https://cdn.studentbeans.com/third-party/all.js"
  id="beansid-script"
  async
></script>

The above should be included as is, there’s no need to make any changes.

Overview Insert Your Landing Page

Get Started

Verify your Customers

Track every Transaction

Check iD Status

Connect with your Customers

Language & Territories

Setup the Script

Using Google Tag Manager

Manually add the`<script>`

​Using Google Tag Manager

​Manually add the<script>

Using Google Tag Manager

Manually add the`<script>`