Reactions

Empower your readers to express how they feel.

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

Reactions default themeReactions default theme

Reactions default theme

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.

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 Reactions with the layout of your page.
OrientationCode
Horizontal*<div data-spotim-app="reactions" data-post-id="POST_ID"></div>
Vertical<div data-spotim-app="reactions" 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.


Did this page help you?