Adding the Initialization Script

Last updated 10/12/2022

You must add the initialization script tag to get started. This script tag will enable analytics, and is required for you to add other Bread & Butter IO functionality to your website.

Step 1

Add the following to your website:

<script>
window.initBreadButter = function () {
    BreadButter.configure({
        app_id: "[APP_ID]"
    });
};
(function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = 'https://cdn.breadbutter.io/dist/breadbutter.6.1.0.674.min.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'breadbutter-js'));
</script>

Step 2

Then, replace [APP_ID] with your App ID from your Bread & Butter App.

Not sure how to get your App ID? Log in to Bread & Butter

Then, click on Settings in the left menu. Your App ID will be at the top of the page.


Step 3

Congratulations! Your website is now set up for Bread & Butter Analytics. Head to your Bread & Butter dashboard to see all of the users visiting your website.

Not seeing any activity? Open up your website in a browser, and see if your visit appears in the Dashboard. If you're still not seeing your activity appear, check the following:

  • Ensure that your App ID in the script tag is correct.
  • In the App Settings page in Bread & Butter, make sure your website is in the CORS Allow List.