Skip to main content
Version: Current

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.

1

Add a new tag

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

2

Select the Custom HTML option

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

3

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>

4

Trigger the script to fire on all pages

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

5

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.