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.

[tidus78]

Originally Posted by Gemma

I can't reproduce any error. If you go to the facebook link below and enter the url of one of your games does it give any errors and does it pull the game information for that url? (ie - http://www.yoursite.com/arcade.php?do=play&gameid=789)

http://developers.facebook.com/tools/debug

No,it links to front page of the forum

[Gemma]

There are some other posts earlier in this thread about opengraph meta tags - https://vborg.vbsupport.ru/showpost....3&postcount=14 which may need to be implemented.

Originally Posted by tidus78

No,it links to front page of the forum

That is probably happening if your arcade isn't set to allow guests to play games.

In your usergroup settings for Unregistered/Not Logged In you would need to set Can View Arcade and Can Play Arcade to YES. Then in your v3ARCADE_PLAY template find:

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

Replace that with:

<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>

Changing the error message to suit your own needs.

[tidus78]

Tried but no results...

[Gemma]

Updated: Revised code and some additional Facebook integration code.

Tried but no results...

Not sure

Did you try the additional steps in previous posts - adding the OG meta tags and making your arcade available to guests?

Do you have any other Facebook integration mods installed (other than the standard Facebook Connect that comes with the vbulletin software) that could be conflicting?

[tidus78]

Look at the URL,is it a SEO problem?

http://www.console-planet.it/arcade....lay&gameid=128

[Gemma]

Originally Posted by tidus78

Look at the URL,is it a SEO problem?

http://www.console-planet.it/arcade....lay&gameid=128

Looking at your source code you have two sets of OG meta tags. One for your site information and this one. The one for your site information is conflicting with this one. Even if you try displaying an arcade url from your site directly onto your Facebook page you will get the same results.

Do you have any other Facebook modifications installed?

[tidus78]

Yes,this one : https://vborg.vbsupport.ru/showthread.php?t=266159

I tried to disable it but no results...

[Datenpapst]

Hey Gemma, for my site, facebook etc still picks up the site information instead of the game info
Any solution for that? Did it like mentioned in the install in the first post and post 14

[Gemma]

Originally Posted by Datenpapst

Hey Gemma, for my site, facebook etc still picks up the site information instead of the game info
Any solution for that? Did it like mentioned in the install in the first post and post 14

I've updated the opening post, to get Facebook to work you need to include step 2 and also set the usergroup permissions mentioned in step 5

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

Then, hopefully, it should work as intended

[Datenpapst]

Did as you said.