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
Go to Google Tag Manager and select the Add new tag
option.
2
When setting up the new tag, select the Custom HTML
option.
3
<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
In the Triggers
section of the options, set the tag to fire on all pages.
5
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.