Skip to main content
Version: Javascript tag

Install

How to add the Screeb tag to your website?​

The Screeb tag is a small piece of JavaScript code that you can add to your website to enable Screeb features.

Using HTML​

There is many ways to add the Screeb tag to your website. The most common way is to add the tag directly to your website's HTML code.

For that, you need to copy the Screeb tag code and paste it into your website's HTML code. You can find this code in your workspace settings, (see Install Screeb section).

tip

Pay Attention to the identifier <website-id> in the tag code. This identifier is unique per Screeb workspace.

Paste the tag at the end of your HTML page (before </body>).

Example:

<script type="text/javascript">
  (function (s,c,r,ee,b) {
    s['ScreebObject']=r;s[r]=s[r]||function(){var d=arguments;return new Promise(function(a,b){(s[r].q=s[r].q||[]).push({v:1,args:d,ok:a,ko:b})})};
    b=c.createElement('script');b.type='text/javascript';
    b.id=r;b.src=ee;b.async=1;c.getElementsByTagName("head")[0].appendChild(b);
  }(window,document,'$screeb','https://t.screeb.app/tag.js'));

  $screeb('init', '<website-id>');
</script>

Using NPM Packages​

If your app is built with a custom framework, you can install the right Screeb package for you and import it in your code. See NPM Packages.

Using Segment​

If you are using Segment, you can install Screeb without any additional coding using Segment Destinations. This method allows you to send data from Segment to Screeb without adding the Screeb tag to your website manually.

To install Screeb using Segment Destinations, follow these steps:

  1. Log in to Segment: Go to your Segment workspace and log in with your credentials.

  2. Add Screeb as a Destination:

  • Navigate to the Destinations tab in your Segment workspace.
  • Click on Add Destination.
  • Search for Screeb Web (Actions) in the catalog and select it.
  • Click on Configure Screeb Web (Actions).
  1. Configure Screeb:
  • Enter your Screeb Workspace ID. You can find this ID in your Screeb workspace settings.
  • Follow the on-screen instructions to complete the setup.
  1. Send Data to Screeb:
  • Once Screeb is added as a destination, Segment will start sending data to Screeb based on the events you have configured.
  • Ensure that your events are correctly set up in Segment to capture the data you need in Screeb.
  1. Verify Installation:
  • Go back to your Screeb workspace.
  • Check the incoming data to ensure that events from Segment are being received correctly.

For more detailed instructions, refer to the Segment documentation.

By following these steps, you can seamlessly integrate Screeb with Segment and start leveraging the powerful features of both platforms.

Using Google Tag Manager (GTM)​

If you are using Google Tag Manager (GTM), you can install Screeb without any additional coding using GTM. This method allows you to send data from GTM to Screeb without adding the Screeb tag to your website manually.

To install Screeb using Google Tag Manager (GTM), follow these steps:

  1. Log in to GTM: Go to your Google Tag Manager account and log in with your credentials.

  2. Create a New Tag:

  • Navigate to the Tags section in your GTM workspace.
  • Click on Add New Tag to create a new tag.
  • Name your new tag and click on Choose a Tag.
  • Navigate to the “Community Tags” by clicking on the banner above the tag list
  • Search for Screeb in the community tags and click on Add to Workspace.
  1. Configure the Tag:
  1. Set Up Trigger:
  • Click on Triggering to set up a trigger for the tag.
  • Choose an appropriate trigger, such as All Pages, to ensure the Screeb tag is loaded on all pages of your website.
  1. Save and Publish:
  • Save the tag configuration.
  • Click on Submit to publish the changes to your GTM container.
  1. Verify Installation:
  • Go back to your Screeb workspace.
  • Check the incoming data to ensure that events from GTM are being received correctly.

By following these steps, you can integrate Screeb with Google Tag Manager and start leveraging the powerful features of both platforms.

About tag lifecycle​

Initialization​

After the script tag is inserted into your page, you must call the init command, with your website ID (given in Screeb app). If no identity is specified, an anonymous Screeb session will be created (see identity section).

$screeb('init', '<website-id>');

deactivation​

At any time, you can disable the Screeb tag with the following command:

$screeb('close');