vb.org Archive
Page 2 of 4 1 2 34
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Add-On Releases - v3 Arcade Share Tools - Facebook, Google+, Twitter and More (https://vborg.vbsupport.ru/showthread.php?t=265545)

Gemma 03-27-2012 01:12 PM
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

Gemma 04-13-2012 12:24 PM
1 Attachment(s)
Here is how to add a Pin It (www.pinterest.com) button to your arcade.

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

Code:
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
This is the code you want to use in your arcade

Code:
<a href="http://pinterest.com/pin/create/button/?url=http://www.forumbanter.com/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>
So if you want to add it to the rest of your bookmarks open the v3ARCADE_PLAY template and find your existing code (I'm using the default OP code as example)

Code:
<div class="collapse"><h3 class="blockhead">Share and Bookmark</h3>
<div class="blockrow" align="center">
<div>
<table width="250" 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>
</table>
</div>
Replace it with

Code:
<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>
Save the template.

Mark.B 04-15-2012 12:00 PM
Quote:
Originally Posted by Gemma (Post 2313815)
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
Gemma I have this issue too and I've done some investigating.
I know the cause but I cannot solve it.

Facebook is not picking up any Opengraph meta tags, hence it doesn't know any of the parameters (this can be seen in the debugger tool.

On your site, og: tags are visible in the source code, like this:

Code:
<meta property="fb:app_id" content="snipped" />
<meta property="og:title" content="TOTWO" />
<meta property="og:type" content="website" />
<meta property="og:description" content="TOTWO is a pairs game. Click on the cards to see what is behind them, and try to match all the pairs before the time runs out!

Have fun!" />
<meta property="og:url" content="http://www.forumbanter.com/arcade/game-873/" />
<meta property="og:image" content="http://www.forumbanter.com/images/arcade/totwo.jpg" />
But as far as I can see this mod doesn't add those. I'm wondering if you have something else running that adds those for you, or whether you've added them manually, but without them it won't work.

Now, beyond that, I have tried adding suitable tags into the v3ARCADE_PLAY template, but Facebook still doesn't pick them up! Although they are visible in the source, Facebook's debugger doesn't "see" them.

Oddly if, as a test, I put some manual tags in the v3ARCADE_MAIN template, Facebook DOES see them (though of course that's no use for this mod!)

Bit weird and I've spent hours trying to figure it out to no avail.

It's possible others haven't reported this, since unless you try clicking your own Facebook links (which most people probably won't do), they may not be aware it might not be working.

Gemma 04-15-2012 12:25 PM
Quote:
Originally Posted by Mark.B (Post 2320296)
Gemma I have this issue too and I've done some investigating.
I know the cause but I cannot solve it.

Facebook is not picking up any Opengraph meta tags, hence it doesn't know any of the parameters (this can be seen in the debugger tool.

On your site, og: tags are visible in the source code, like this:

Code:
<meta property="fb:app_id" content="snipped" />
<meta property="og:title" content="TOTWO" />
<meta property="og:type" content="website" />
<meta property="og:description" content="TOTWO is a pairs game. Click on the cards to see what is behind them, and try to match all the pairs before the time runs out!

Have fun!" />
<meta property="og:url" content="http://www.forumbanter.com/arcade/game-873/" />
<meta property="og:image" content="http://www.forumbanter.com/images/arcade/totwo.jpg" />
But as far as I can see this mod doesn't add those. I'm wondering if you have something else running that adds those for you, or whether you've added them manually, but without them it won't work.

Now, beyond that, I have tried adding suitable tags into the v3ARCADE_PLAY template, but Facebook still doesn't pick them up! Although they are visible in the source, Facebook's debugger doesn't "see" them.

Oddly if, as a test, I put some manual tags in the v3ARCADE_MAIN template, Facebook DOES see them (though of course that's no use for this mod!)

Bit weird and I've spent hours trying to figure it out to no avail.

It's possible others haven't reported this, since unless you try clicking your own Facebook links (which most people probably won't do), they may not be aware it might not be working.
Hmmm, I might need to revise this.

Could you try this for me please.

Open your v3ARCADE_PLAY template and search for:

Code:
{vb:raw headinclude_bottom}
Below that add: (adding your own FB APP ID instead of xxxxxxxxxxxxxxx):

Code:
<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}" />
Then in your v3arcade_headinclude template add this at the bottom

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

Mark.B 04-15-2012 01:15 PM
Thanks Gemma, still doesn't seem to pick up the tags which is bizarre since they are visible in the source.

Debugger with a sample game URL:

http://developers.facebook.com/tools...26gameid%3D162

Mark.B 04-15-2012 01:20 PM
Wait...I've got it!

The debugger is seeing the standard no permissions error (as my site doesn't allow guests to play) and of course the og:tags are not sent on error pages!

Your site has guest playing enabled hence the debugger works.

Anyone without guest playing enabled cannot use the debugger.

So now I need to run some tests, I will do that later. :)

I have temporarily enabled guest playing.

Gemma 04-15-2012 01:23 PM
Are you running any other Facebook plugins on your site? For example does this work if you disable Facebook Connect?

Mark.B 04-15-2012 07:13 PM
Quote:
Originally Posted by Gemma (Post 2320323)
Are you running any other Facebook plugins on your site? For example does this work if you disable Facebook Connect?
Thanks Gemma....I think I have it working.....it seems that it struggles when guests get the standard vBulletin permissions error.

I have gone down the road of a workaround, such as seen here:
http://www.bowlandcentral.com/forum/...lay&gameid=831

Basically it's a fiddle...guest view in the arcade is actually enabled, but a standard vBulletin conditional around the embed allows me to NOT display the game but instead display a message. This seems to allow the Facebook stuff to work correctly.

I hate Facebook...trying to get Like buttons to post correctly to walls is sooooo awkward...

Ancient Dragon 04-19-2012 03:20 PM
Quote:

Open your footer template and add this to the bottom

Code:
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
Save template.
What "footer" template is this talking about? I did a template search in cp for "footer" in the titles and found several templates with that. I'm soooo confused!:confused:

Gemma 04-20-2012 06:59 AM
Quote:
Originally Posted by Ancient Dragon (Post 2321609)
What "footer" template is this talking about? I did a template search in cp for "footer" in the titles and found several templates with that. I'm soooo confused!:confused:
In the template called footer. In the templates section of your admincp, select edit templates and scroll down to the one called footer. There is only one template called footer per style


All times are GMT. The time now is 04:27 AM.
Page 2 of 4 1 2 34
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01177 seconds
  • Memory Usage 1,782KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (9)bbcode_code_printable
  • (5)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete