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.

[dmm2020]

A note on above...only one of the 3 options needed right?

I tried all 3 and realized you only need one of them. Had to back some of the code out.

Might clear the instructions a bit Gemma, but very good work otherwise. I love it.

[Gemma]

I thought they were clear and simple

I've made them as clearer I think. :erm:

[Brandon Sheley]

Thank you!

/me clicks install

[Gemma]

I'm getting reports of the twitter counter not updating (or staying at 0) even though the tweets are being sent to the twitter page so I've changed the twitter code to fix this.

In your v3ARCADE_PLAY template find:

<td width="60" align="center">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a> 
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td>

Replace it with:

<td width="60" align="center">
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</td>

[Gemma]

Something has gone skew-whiff with the Twitter button, seems like they have changed it and the alignment is all wrong.

If it is a problem for you, you may want to revert to using this alternative until I fix it up.

https://vborg.vbsupport.ru/showpost....39&postcount=5

[tidus78]

THanks Gemma,works perfectly on 4.1.10.

But I have a question : sharing any game with my profile facebook,it links my homepage forum not the game

Something to fix?

[Gemma]

Originally Posted by tidus78

THanks Gemma,works perfectly on 4.1.10.

But I have a question : sharing any game with my profile facebook,it links my homepage forum not the game

Something to fix?

I'll look into it when I get time.

[tidus78]

Ok thanks

[tidus78]

Originally Posted by tidus78

THanks Gemma,works perfectly on 4.1.10.

But I have a question : sharing any game with my profile facebook,it links my homepage forum not the game

Something to fix?

Something new?