HealthGraph

Healthy Button

From articles and blog posts to products and other content, the Healthy button allows people to flag and share content that they feel is healthy.

When the Healthy button is clicked, your page is added to the Health Graph as a healthy entity, and is connected with that person's healthy identity. A content item with a link back to your site appears in the person's RunKeeper FitnessFeed.

Other people who view the item can then visit your page, comment on the post and can also mark your page as healthy.

Configure your Healthy Button Code

Choose your Button

Button type

Horizontal

Horizontal + Count

Vertical

Learn how to customize your own button by referring to the documentation.

More Info

Your website URL

Microcopy goes here because I don’t even know what we're really asking for with this field.

Healthy Share Link

If you want to customize the Healthy Button you can do so using CSS. This version of the healthy button will not display the count. Instead it will open a share page.

To have the link look like the healthy button you can wrap an image in the anchor tag:

<a href="http://runkeeper.com/share?healthyURL=Your URL here">
   <img src="http://runkeeper.com/static/kronos/images/HealthyButton.png" class="healthyImage" alt="RunKeeper Healthy Button" />
</a>

Required meta tags

In order for the button to gather the correct information about your site, you must specify a URL that is unique to an article in the healthyUrl attribute of the div. After the user finds your article healthy RunKeeper will extract information about your site. To do this the following meta tags must be included in your page:

Title

One of:

<meta property="og:title" content="title" />
<meta name="title" content="title" />
<meta property="og:title" content="title" />
<title>title</title>

Description

One of:

<meta property="og:description" content="description" />
<meta name="description" content="description" />

Image

One of:

<meta property="og:image" content="url" />
<link rel="image_src" href="url" />

WordPress Plugin

To learn how to implement the healthy button as a WordPress plugin please visit the Health Graph Developer Blog