Publishing Basic Open Graph Actions to your site – Part 1

By

Since Facebook launched frictionless sharing a while ago, apps have been seeing immense traffic gains from using it on their sites. Video site Viddy saw a 600% increase in traffic just from adding a small feature like Open Graph’s Frictionless sharing. This small(ish) guide set over 3 parts should help you get your site to a point where you too can. So what is in the parts?

Setting up your Facebook application for a basic Open Graph Actions

In this first part, we will show you how to create a developer app that will be built to publish when someone is readying your content.

Firstly head over to http://developers.facebook.com/. If this is your first time you may be prompted to install the developer application. Accept this and you will be taken to your apps area.

From there click the create new app button on the top right and a popup will appear.

Create App

In the App Name area, add the name of your website.

In the App Namespace, add a unique string that is relevant to your site name. Numbers are not allowed in this string.

Then click Continue and complete the captcha code.

You should now be on your app page that should look something like this. Please take note of the App ID, you will need this later on in this guide.

 Create App 2

You only need to do a few things here.

Firstly prepare a 75x75px image and click on the square image on the top left of the app header to upload this. Then prepare a 16x16px icon. You will upload this by clicking the edit icon link to the right of the 75x75px image. These images will be used at various points throughout the process of authorising users with your site and displaying their read content.

Finally click the tick on the website integration area and add in your websites URL to the box that appears.

When all is done click Save Changes.

Customise your Auth Dialogue

Still in your developer application, click on Auth Dialogue in the left menu you should see something similar to the below page.

Auth Page

You will need to do a few things here.

  1. Add the 75x75px image you used in the last stage to the logo here
  2. Add a Headline. You could use the name of your site here
  3. Add a Description of your website
  4. Add a link to your privacy policy and terms of service. If you don’t have one of these you can always use Google to find a reusable template
  5. In Explanation for Permissions you should add something like “We require these permissions to enhance your experience with SITE NAME”
  6. Change the Default Activity Privacy to Public
  7. Then lastly click the Tick on Authenticated Referrals and add publish_actions to the User and Friend Permissions

 

Finally click Save Changes and this part of the process is complete.

Create your read action

From your left menu in the developer app, click open graph then select Get Started

Open Graph Actions

For this guide we will be producing an open graph action that will publish “Shane read Article Title on My Site Name“.

Add in read and article to the spaces on the page and click Get Started. This will then show you lots of details about your new action including aggregations. I’ll go into detail about all of this another time though.

Setting up your basic read action is pretty much as easy as that. One thing to note is that your actions will not be published on your site until Facebook approve them. We suggest doing this after you have implemented everything on your site.

In the next part we will be connecting Facebook with your site and making articles publishable. Look out for that one next week.


This post was written by


comments powered by Disqus