# SDK installation (EN)

## SDK

Add this code right after the opening `<body>`, and replace `YOUR_ACCOUNT_ID` with your actual account id.

```markup
<script>
  window.beOpAsyncInit = function () {
    BeOpSDK.init({
      account: "YOUR_ACCOUNT_ID", // Replace YOUR_ACCOUNT_ID with your account ID from Audience Desk™ → Settings
    });
    BeOpSDK.watch();
  };
</script>
<script async src="https://widget.collectiveaudience.co/sdk.js"></script>
```

## Declaring slots

You can declare slots, or places where widgets should appear by simply putting the following tag where you want them on your pages:

```markup
<div class="BeOpWidget"></div>
```

In order to ensure your slots are correctly filled, we **highly recommend naming them**, this way if the slot order in your page is altered, the SDK will still be able to identify them.

Example:

```markup
<div class="BeOpWidget" data-name="below-article"></div>
<div class="BeOpWidget" data-name="sidebar"></div>
<div class="BeOpWidget" data-name="homepage"></div>
```

For more technical details, go the [SDK documentation](/sdk).