The sharing and embedding features of the Portcast platform allows you to share and integrate single container tracking information easily. You can use these features differently depending on what you’re trying to accomplish:

• The embedding feature allows you to integrate the container tracking information into an external platform, such as your own platform or site; you can retain control over the platform around the embedded section, including navigation and platform styling.
• The sharing feature allows you to share an independent tracking page that you can share with your customers, teammates or partners.

Embedding single container tracking information

If you want to embed a container tracking page from our platform into your website or application, follow these simple steps. You will need access to the source code of your platform, and basic knowledge of HTML mark-up technology.

Step 1: Copy the Code

Container tracking embedding uses a simple iframe HTML element to integrate with external platforms. An iframe is a portion of a web page that ‘includes’ another webpage seamlessly; you can define which page to integrate via the src attribute of the iframe element.

Here is the basic code for embedding the tracking page:

<iframe allow="clipboard-read *" src="<https://app.portcast.io/embed/tracking/container/**><bookmark_id>**/details">
   <p>Your browser does not support iframes.</p>
</iframe>

Note the bolded <bookmark_id>; you will need to replace it in the next step.

Step 2: Replace <bookmark_id> with the desired container’s bookmark ID

The <bookmark_id> in the code above is a placeholder for the specific container or tracking ID you want to display; you will need to replace it with the actual container ID you want to embed.

To find the container ID, you can log into the Portcast web platform and click on the existing container ID (or upload it if it has not yet been done). Once you are in the single container tracking page, the Bookmark ID is visible in your browser’s URL bar:

For example, in the image above, the container ID is f81d4fae-7dec-11d0-a765-00a0c91e6bf6; so the updated embedding code would look like this:

<iframe allow="clipboard-read *" src="<https://app.portcast.io/embed/tracking/container/**f81d4fae-7dec-11d0-a765-00a0c91e6bf6**/details>">
   <p>Your browser does not support iframes.</p>
</iframe>

Step 3: Customize the Size (Optional)