Add-On Releases - v3 Arcade Share Tools - Facebook, Google+, Twitter and More

This is loosely based on my v3 Arcade Integrate Facebook and Twitter Add-on.

This template modification will add submit buttons to Facebook, Twitter, Google +1, StumbleUpon and Pinterest.

1. Open v3ARCADE_PLAY template

Find:

{vb:raw headinclude_bottom}

Below that add:

<meta property="fb:app_id" content="xxxxxxxxxxxxxxx" />
<meta property="og:title" content="{vb:raw game.title}" />
<meta property="og:type" content="website" />
<meta property="og:description" content="{vb:raw game.description}" />
<meta property="og:url" content="{vb:raw vboptions.bburl}/arcade/game-{vb:raw game.gameid}/" />
<meta property="og:image" content="{vb:raw vboptions.bburl}/images/arcade/{vb:raw game.stdimage}" />

Replacing xxxxxxxxxxxxxxx with your Facebook APP ID

Find:

<div class="blockrow" align="center">
                        <vb:if condition="!$show['challenge'] AND !$show['tournament']">
                            <img src="{vb:raw vboptions.arcadeimages}/backtip.gif" border="0" alt="" />
                        <vb:else />
                            {vb:rawphrase challenge_warning}
                        </vb:if>
                    </div>

Add below

<div class="collapse"><h3 class="blockhead">Share and Bookmark</h3>
<div class="blockrow" align="center">
<div> 
<table width="300" height="75" border="0" align="right">
<tr bgcolor="#d2e7fd">
<td width="60" align="center">
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall" count="true"></g:plusone>
</td>
<td width="60" align="center">
<script src="http://widgets.fbshare.me/files/fbshare.js" type="text/javascript">
</script>
</td>
<td width="60" align="center">
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</td>
<td width="60" align="center">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5" type="text/javascript">
</script>
</td>
<td width="60" align="center">
<a href="http://pinterest.com/pin/create/button/?url={vb:raw  vboptions.bburl}/arcade/game-{vb:raw game.gameid}&media={vb:raw  vboptions.bburl}/images/arcade/{vb:raw  game.stdimage}&description={vb:raw game.title} -- {vb:raw  game.description}" class="pin-it-button" count-layout="vertical"  target="_blank"><img border="0"  src="//assets.pinterest.com/images/PinExt.png" title="Pin It"  /></a>
</td>
</table>
</div>

2. Still in v3ARCADE_PLAY

Find:

<!-- main -->
            <div class="blockrow">{vb:raw flashcode}</div>

Replace with:

<!-- main -->
<vb:if condition="$show['guest']">
<div class="standard_error">
    <h2 class="blockhead">Arcade Error Message</h2>
    <div class="blockbody formcontrols">
                
                <p class="blockrow">Sorry, guests cannot play games in the arcade, you must be a registered member of {vb:raw vboptions.bbtitle} to play games and submit scores.<br/><br/> This will also allow you to compete on our arcade leaderboards, play tournaments or challenge other players to a 1v1 match.<br/><br/> Registration is quick, free and simple. Click <a href="register.php">HERE</a> to join our site.</p>
    </div>
</div></vb:if>
<vb:if condition="$show['member']"><div class="blockrow">{vb:raw flashcode}</div></vb:if>

Save template

3. Open your footer template and add this to the bottom

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

Save template.

4. Open your v3arcade_headinclude template and at the bottom add this:

<script>var fbShare = {url: '{vb:raw href}',size: 'large',badge_text: 'fff',badge_color: '6666CC',google_analytics: 'true'}</script>

5. Goto Usergroups > Usergroup Manager > Unregistered / Not Logged In and change the Can View Arcade and Can Play Arcade to YES

History
11.05.12 - v1.04 - Revised code and some additional Facebook integration code
13.04.12 - v1.03 - Added Pinterest Integration. Removed support for Facebook Comments
19.12.11 - v1.02 - Fixed Facebook Comments
05.07.11 - v1.01 - Fixed problem with Twitter counter not updating
20.06.11 - v1.00 - Initial release

How To Add 'Pin It' button if upgrading (www.pinterest.com) - https://vborg.vbsupport.ru/showpost....8&postcount=12


If anyone wants to further develop any of my addons, you are free to do so.

[Gemma]

Think it is clashing with something else, I can see two sets of OG tags in your source code.

Do you have any other Facebook mods enabled?
Does it work if you disable Facebook connect?

[Datenpapst]

Tried it with FB Connect off. Still the same. No other FB Mode is installed

[Gemma]

Try moving this code to just below <head> in v3ARCADE_PLAY

<meta property="fb:app_id" content="xxxxxxxxxxxxxxx" />
<meta property="og:title" content="{vb:raw game.title}" />
<meta property="og:type" content="website" />
<meta property="og:description" content="{vb:raw game.description}" />
<meta property="og:url" content="{vb:raw vboptions.bburl}/arcade/game-{vb:raw game.gameid}/" />
<meta property="og:image" content="{vb:raw vboptions.bburl}/images/arcade/{vb:raw game.stdimage}" />

Does it give the correct info in the debugger if you enter one of your game urls? - http://developers.facebook.com/tools/debug

If you want me to have a look at your site, PM me temporary admin access and I'll have a look at your templates and setup to see if anything stands out that would cause an error.