Blog

WordPress has been a great platform for even the most novice of users to create a website. All the basics for publishing content are there. Using plugins are a large source of features and upgrades for your site. I decided that I wanted to create a plugin to handle some heavy lifting for some of the more tedious tasks I perform. So I created Structured Data for WordPress.

The plan is to have multiple features all contained within one plugin. A lot of plugins can start to slow the performance of your website, so I am always a big fan of consolidation. The first feature I am releasing in the plugin is Google+ Interactive Posts. It essentially gives you a call to action right within your posts. Read more about it here.

Google+ Interactive Posts

source: developers.google.com

The important part in the above image is the button with the red “Create Page” text. That’s your CTA embedded within a Google+ post. Along with everything else in the image, that text is ‘customizable’, and can link to a different URL than the actual post. So you essentially have two links within one post; one to link to your content, and the other (the CTA) links to something like the subscription link to your newsletter.

The fact you even found this page indicates you know have a use for interactive posts on Google+.

Install

This is the easy part. Start by downloading the plugin, or just retrieve it from your WP admin interface (search for “structured data” and select plugin authored by RankHammer). The plugin is installed? Good. Activate it and let’s get started…

Setup

Step 1

In order for Interactive Posts to work with your site on Google+, we need an API key from Google. In order to get it, you need to go here. If you have never used the Google API, you should see something like the image below. Go ahead and click ‘Create project’

google-api-create-project

After clicking the button, you should be taken to a new screen that has a long list of APIs available to you.  Scroll down until you find the Google+ API and switch it to “on”. When you turn it into the on position, you will have to accept the terms & conditions; click accept and move on.

enable-google-plus-api

Step 2

In the vertical navigation bar on the left, click on the ‘API Access’ menu. On this page, you will want to click the big blue button to create an OAuth client ID (if you haven’t done so in the past).

google-api-create-oauth

After clicking create OAuth 2.0 client ID, you should get a pop up window asking you to fill in some information. You can name your app access whatever you like, I just used our company name for the Product name, and linked to our logo and home page. Then click next.

gplus-clientid-1

 

On the next screen, select ‘Web application’ and fill out your domain name. Then click Create client ID.

gplus-clientid-2

Step 3

Now you should have a new client ID for web applications. You should see something on your screen similar to the screenshot below. You will see the product name displayed on that screen. That is what gets displayed when you share an interactive post, so make sure it makes sense for your website. NOTE: the ‘Javascript origins’ box should have the site you’ll be using this plugin from, so make sure it is right; pay attention to http vs. https as well.

The line labeled ‘Client ID’ is what we want to copy over into the plugin. We just need the string blurred out in the screenshot that comes before apps.googleusercontent.com. Again, the only part of Client ID we need is everything in front of .apps.googleusercontent.com. (See screenshot below).

new-google-api-oauth

Now that you have that Client ID, follow these steps:

  1. Login to your WordPress admin.
  2. In the left hand vertical navigation, Click the ‘Markup’ towards the bottom next to a little blue ‘R’.
  3. The admin interface for this plugin opens and you see some fields to fill in.
  4. Click the enable checkbox for G+ interactive posts.
  5. Paste (or type) the client ID in the ‘Google+ API Client ID’ field. This gives you API access to use the interactive posts on Google+.
  6. The next 3 fields are required for the plugin. They will be used as a default CTA for all your interactive posts. You can customize them on a per post basis, but these values will be used as a default if you make not changes to your CTA on an individual post. Here is an example of default settings.
  7. Once you make your choices, click Save Settings.

gplus-plugin-options

 How to Share Interactive Posts

Now that we have everything setup, let’s share our first post! Choose a public post and click the ‘Add Markup’ button at the top of the editor. A popup window will open, where you can change the default settings for this post. If the changes are made, click ‘Save Settings’.

markup-plugin-button

After you have saved your settings (or if you made no changes and just want to share), click the Google+ Share button for the window to pop up. If you are already logged in to your Google+ account, you will get a window that allows you to choose the circles you want to share it to, add some text, and publish it.

share-to-google-plus

Google+ Interactive Posts is an amazing opportunity to increase engagement with your users. On top of the new CTA button allowing for better engagement, it also points your users in a direction on what they should do next. With WordPress being so flexible in extending it with new features, it was natural to add an easy to use interface to start sharing your content interactively. Please let me know of any issues you have with this plugin, or any new features you would like to see. I am going to be extending this plugin more. The next features that will be plugged in will be helping out with your internal linking and some structured markup to make crawling your content easier for the search engines.

Nathan is the CTO for RankHammer. His area of expertise is technical SEO and everything to do with data - collection, analysis, etc. He is driven by automating any reporting task that has to be done more than once.

Follow Us!

Do you like this post?

0 comments

Let's Be Friends!