Probleempje met Facebook en Twitter Button

Hulp nodig bij een modificaties of op zoek naar een MOD?
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
Pieter3770
Berichten: 16
Lid geworden op: 30 jun 2011, 19:19

Probleempje met Facebook en Twitter Button

Bericht door Pieter3770 » 13 jul 2012, 16:50

  • Modificatie & Versie: Like Button Facebook (code is mix van officieel + fora)
    Directe link naar de modificatie:
    Adres van je forum: http://voetbalforums.be
    phpBB versie: 3.0.9 (durf bijna niet meer updaten door alle wijzigingen die ik al gedaan heb)
    Heb je onlangs een andere modificatie of stijl geïnstalleerd? niks met problemen

    Wat is het probleem?
De Facebook like button werkt perfect, maar er zijn 2 problemen die ik niet opgelost krijg.
Die problemen komen veel op internet voor, maar de oplossingen die ze aanrijken doen 't niet voor me.
Ik wil dus dat de like button gebruikt kan worden voor een specifieke post en niet per topic. Daarvoor heb ik al een wijziging in de code moeten doorvoeren en dat werkt.
Wat werkt er dan niet:
1. op Facebook krijg je altijd de algemene beschrijving van mijn site (zowel titel als tekst) te zien. Dit zou de topic moeten worden, en dan de betreffende post die 'ge-liked' werd
2. op Facebook verschijnt de post telkens met een willekeurig prentje. Het lijkt alsof hij het dichtsbijzijnde prentje neemt, bijvoorbeeld iemands avatar. Dit zou natuurlijk best telkens mijn forumafbeelding zijn. Ook hier heb ik al code voor gevonden, maar dat lukt me maar niet...

Kan iemand me helpen?

Na edit: heb ze voorlopig verwijderd. Die Facebook Like vertraagd alles nogal. Is dat normaal? Welke versie van de code neem ik best om zo weinig mogelijk vertraging te hebben?

Nog na edit: ben nu ook aan 't werken aan een twitterfollow, dus iemand anders zijn twitter volgen.
Heb er nu bijvoorbeeld eentje staan op stvv.voetbalforums.be
Maar met welke code krijg ik dat even breed als 't forum op alle resoluties?
En kunnen de tweets die overduidelijk veel korter zijn dan de volledige breedte ook gecentreerd worden?
Dit is de code die ik nu gebruik:
Spoiler: bekijk

Code: Selecteer alles

<!-- IF FORUM_ID eq 1 --><style>
 .twtr-widget {
 text-align: center;
 }
 .twtr-doc {
 text-align: left;
 margin: auto;
 }
 </style><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 30000,
  width: 250,
  height: 10,
  theme: {
    shell: {
      background: '#1275a6',
      color: '#000000'
    },
    tweets: {
      background: '#ececec',
      color: '#000000',
      links: '#006699'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'all'
  }
}).render().setUser('STVV').start();
</script><!-- ENDIF -->
Zou 't dus lieve minder hoog hebben en over de volledige breedte (best nog in de table zetten van de forumlist_body? met dan width=100%??), en dan het onderste balkje met forumoverzicht erin zou ik er graag terug kort tegenop hebben zodat 't een geheel lijkt.

Verder ook een Twitter Tweet knop. Die tweet perfect de individuele post, maar de count werkt niet.
Ik gebruik deze code:

Code: Selecteer alles

<a href="https://twitter.com/share" class="twitter-share-button" data-lang="nl" data-url="http://voetbalforums.be/viewtopic.php?p={postrow.POST_ID}#p{postrow.POST_ID}" data-related="Voetbal_Forums" data-dnt="true">Tweeten</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Gebruikersavatar
brandsrus
Berichten: 1966
Lid geworden op: 01 jul 2005, 19:38
Locatie: r. Лeувapдeн
Contacteer:

Re: Probleempje met Facebook en Twitter Button

Bericht door brandsrus » 14 jul 2012, 12:36

Wat is het voordeel van dat je elk bericht kan delen met Facebook en Twitter?

In de MODdatabase van phpBB.com zit een MOD die delen met allerlei Sociale Media mogelijk maakt

http://www.phpbb.com/customise/db/mod/share_on/

Pieter3770
Berichten: 16
Lid geworden op: 30 jun 2011, 19:19

Re: Probleempje met Facebook en Twitter Button

Bericht door Pieter3770 » 14 jul 2012, 12:42

Tja, ik weet 't, die mod zou 1000x simpeler zijn.
Maar het is een voetbalforum.
Een topic "transfers" liken is wat belachelijk he. Dat gaan de gebruikers niet gebruiken. Als ze echter een specifieke post (bijvoorbeeld 'speler X heeft net getekend') kunnen liken zal er veel meer gebruik van gemaakt worden.

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Probleempje met Facebook en Twitter Button

Bericht door Theriddler » 27 jul 2012, 11:36

voor facebook kun je denk hier wel wat mee: http://forum.phpbbservice.nl/viewtopic. ... 232#p66232

zorg er wel voor dat je een standaard plaatje maakt die minimaal 200px breed is, deze wordt dan meegenomen door facebook.

in de code welke ik gepost heb op bovenstaande link zul je dit tegenkomen:

Code: Selecteer alles

<meta property="og:image" content="http://www.jou-forum-url.nl/images/pr-200x200.png" />
verander dat dus naar jou forum url en de naam welke je het plaatje meegeeft die facebook moet oppikken.

waarschijnlijk kom je er denk zo wel uit.

Voor twitter gebruik ik deze in viewtopic_body.html:

zoek:

Code: Selecteer alles

<h2><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2>
Direct daarachter:

Code: Selecteer alles

<br /><a href="https://twitter.com/share" class="twitter-share-button" data-url="{BOARD_URL}{SCRIPT_NAME}.php<!-- IF QUERY_STRING -->?{QUERY_STRING}<!-- ENDIF -->" data-text="{TOPIC_TITLE}: {S_META_DESCRIPTION}" data-via="peppersrusforum" data-lang="nl">Tweeten</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Plaats reactie