GameFriends Badges

"GameFriends help spread your game related content and video games. Whether a blogger, forum owner, podcast/video producer, or a game developer, GameFriend can help your content and game go Viral! Add one of the badges below to your website template. Free targeted-traffic and brand building!" - Newbie

Integrate: The Newbie Badge

The Newbie badge is for website and blog publishers that want to encourage their audience to submit content to GameFriends or Level Up their content.

The Newbie badges button is available in 6 different predefined sizes: Wide, Medium, Compact, 32x32 px, 24x24 px, and Icon

Wide

Tall

Compact

Button32

Button24

Icon

The implementation of all Newbie badges requires that the JavaScript file located at http://widgets.gamefriends.com/level/badges.js is included on your page and that <a> tags are added for each badge you would like to appear. The script will find the <a> tags and replace them with the appropriate markup for the badge.

To include the JavaScript file we recommend that you use Javascript to create the script element, set its src attribute to http://widgets.gamefriends.com/level/badges.js, and insert it into the document. Including the file in this manner will cause the file to load asynchronously and not block other downloads.

<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.gamefriends.com/level/badges.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>	

Add one of the following <a> tags to your page where you want the badge to appear:

<!-- Wide Button -->
<a class="gfLevelButton gfWide"></a>
<!-- Tall Button -->
<a class="gfLevelButton gfTall"></a>
<!-- Compact Button -->
<a class="gfLevelButton gfCompact"></a>
<!-- 32x32 Button -->
<a class="gfLevelButton gfButton32"></a>
<!-- 24x24 Button -->
<a class="gfLevelButton gfButton24"></a>
<!-- Icon Button -->
<a class="gfLevelButton gfIcon"></a>	

Newbie Badge Options

Url

This option sets the url of the page that will be leveled up or submitted when users click the button.

The url option is set by adding a query string parameter to the url http://gamefriends.com/article/remoteSubmit in the href attribute of the <a> tag.

		<a class="gfLevelButton gfWide" href="http://gamefriends.com/article/remoteSubmit?url=http%3A//gamefriends.com/games/world-of-warcraft"></a>	

In this example, the url parameter indicates that the badge's display and action should be associated with the page at http://gamefriends.com/games/world-of-warcraft. The badge will show the number of levels received by that page and when the badge is clicked it is that page that will be leveled up (or submitted to GameFriends if it has not been already).

Note: The value of the url parameter must be encoded. Thus

http://gamefriends.com/games/world-of-warcraft
becomes

http%3A//gamefriends.com/games/world-of-warcraft
in the example above.

Title

This option sets the story title for unsubmitted stories. A maximum 75 characters is allowed for the title. If you add a title, you must also add a url as they are dependent on each other.

		<a class="gfLevelButton gfWide"
href="http://gamefriends.com/article/remoteSubmit?url=http%3A//gamefriends.com/games/world-of-warcraft&amp;title=World%20of%20Warcraft%20-%20Game%20Portal%E2%94%82GameFriends"></a>	

In this example, the title parameter indicates that the title "World of Warcraft - Game Portal│GameFriends" should be used when a user clicks the button to submit the story to GameFriends.

Note: As with the url parameter, the value of the title parameter must be encoded. Thus

World of Warcraft - Game Portal│GameFriends
becomes

World%20of%20Warcraft%20-%20Game%20Portal%E2%94%82GameFriends
in the example above.