The OpenWeb Developer Hub

Welcome to the OpenWeb developer hub. You'll find comprehensive guides and documentation to help you start working with OpenWeb as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Reactions

Empower your readers to express how they feel.

Reactions opens the door to a more spontaneous, emotional engagement with your content.

Reactions example on Refinery29

OpenWeb's Reactions functionality opens a native environment to engage readers when they decide to engage. Additionally, Reactions enables you to monetize your content by exposing your readers to advertising.



Requirement

Before you enable this feature, contact your OpenWeb PSMPSM - Partner Success Manager to set up a monetization campaign for your implementation.



Implementation Options

You can add Reactions to a page using either the Standard or Custom Location method.


Standard

When using this implementation method, Reactions appears where the launcher code is located. If Conversation is enabled, Reactions appears horizontally above it.

To add Reactions, use the following steps:

  1. In your OpenWeb Admin Panel, click Features > Reactions.
  2. Under Enable/Disable Reactions, click the the toggle to Enabled.
  3. From the Choose Reactions Location dropdown menu, select Above Conversation.
  4. (Optional) Under Reactions Themes, click Edit to update the Default theme or click Create New Theme to create a custom theme.
  5. Click Save & Publish.
  6. When embedding Reactions on a page without other OpenWeb products, add the launcher code.
<script 
    async 
    src="https://launcher.spot.im/spot/SPOT_ID"
    data-spotim-module="spotim-launcher"
    data-post-url="ARTICLE_URL"
    data-article-tags="ARTICLE_TOPIC1, ARTICLE_TOPIC2"    
    data-post-id="POST_ID">
</script>

Custom Location

When using this implementation method, you can choose the location in which Reactions appears on a page.

To add Reactions, use the following steps:

  1. In your OpenWeb Admin Panel, click Features > Reactions.
  2. Under Enable/Disable Reactions, click the the toggle to Enabled.
  3. From the Choose Reactions Location dropdown menu, select Manual Code Integration.
  4. (Optional) Under Reactions Themes, click Edit to update the Default theme or click Create New Theme to create a custom theme.
  5. Click Save & Publish.
  6. On your page, add the Reactions positioning <div> in the desired page location.

    The following table lists the different approaches for aligning Spotlight with the layout of your page.
OrientationCode
Horizontal<div data-spotim-app="reactions" data-spot-id="SPOT_ID" data-post-id="POST_ID"></div>
Vertical<div data-spotim-app="reactions" data-spot-id="SPOT_ID" data-post-id="POST_ID" data-vertical-view="true"></div>

📘

The horizontal orientation of Reactions requires a minimum width of 300px.


  1. When embedding Reactions on a page without other OpenWeb products, add the launcher code.
<script 
    async 
    src="https://launcher.spot.im/spot/SPOT_ID"
    data-spotim-module="spotim-launcher"
    data-post-url="ARTICLE_URL"
    data-article-tags="ARTICLE_TOPIC1, ARTICLE_TOPIC2"    
    data-post-id="POST_ID">
</script>

Updated about 2 hours ago


Reactions


Empower your readers to express how they feel.

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.