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    

OpenWeb on WordPress

If you build your AMP pages with WordPress, OpenWeb's Spot.IM Comments and Popular in the Community are supported by the AMP for WP plugin.


Requirements

IMPORTANT

In order for the AMP for WP - Accelerated Mobile Page plugin to work correctly, you must fully delete all OpenWeb AMP code that has been previously hard-coded into your site.

If you have any questions about which code to delete, please contact your OpenWeb PSM.


Add Spot.IM Comments and Popular in the Community

There are several ways to add Spot.IM Comments and Popular in the Community to an AMP page built in WordPress. The implementation instructions must follow depend on your Spot.IM Comments settings. Use the following steps and table to determine the implementation instructions you should follow:

  1. From your WordPress dashboard, click Spot.IM.
  2. On the Advance tab, find the Comments Embed Method setting.
  3. Follow the instructions for one of the following embed methods:
       • Replace WordPress Comments
       • Insert After the Content
       • Let the theme decide

Replace WordPress Comments

  1. From the side navigation, click Appearance > Theme Editor. If a WordPress popup window appears, read the content and click I understand.
  2. From the Select theme to edit drop-down menu, select the theme to edit.
  3. In the Theme Files menu, click (functions.php)
  4. In functions.php, add the following code.
if ( method_exists( 'SpotIM_Frontend','display_amp_comments' ) ) {
    add_action( 'ampforwp_after_post_content', function() {
        SpotIM_Frontend::display_amp_comments();
    }, 10 );
}
  1. From the side navigation, click AMP > Settings > Advanced Settings. If you do not see the Settings option, select the radio button next to Advance Setup on the AMP plugin landing page.
  2. In the Enter HTML in Head text box, add the following code.
<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
  1. Click Save Changes.

The AMP for WP - Accelerated Mobile Pages plugin will append Spot.IM Comments and Popular in the Community to your post content. You will also need to manually disable WordPress Comments.



Insert After the Content

No additional setup is required.



Let the theme decide

  1. Navigate to your AMP template: wp-content/plugins/accelerated-mobile-pages/templates/accelerated-mobile-pages/templates/design-manager/{active-amp-theme}/.
  2. Add the following code inside WordPress's post loop.
if ( method_exists( 'SpotIM_Frontend','display_amp_comments' ) ) {
    SpotIM_Frontend::display_comments();
}


Enable ads on AMP pages

👍

IMPORTANT

Contact your OpenWeb PSM to have ads enabled for your account.

  1. Log into your WordPress dashboard as an administrator.
  2. In the left-hand navigation pane, click Spot.IM.
  3. On the Advanced tab, set Recirculation AMP Ad tag to Enable.
  4. Click Save Changes.

Updated 4 months ago


OpenWeb on WordPress


Suggested Edits are limited on API Reference Pages

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