Een tweet button op je webpagina plaatsen

Op veel websites zie je tegenwoordig tweet buttons. Met deze tweet buttons kun je een artikel, fotoserie, video of elk ander willekeurig stuk informatie tweeten. In feite deel je een stuk pagina op internet die je interessant of gewoonweg leuk vindt met je volgers op Twitter. In dit artikel leg ik uit hoe je een dergelijke button op je eigen website beschikbaar kunt stellen. Volgende week zal ik uitleggen hoe je een Facebook like button op je website kunt plaatsen.

Algemene instellingen

Om een tweet button te plaatsen zul je eerst op Twitter.com de specificaties moeten opgeven van de button die je wilt maken. Dit doe je op deze pagina. Hier zie je dat je in drie stappen een button kunt genereren. Allereerst kies je een lay-out van je knop. Hiermee bepaal je hoe de knop er op je website uit komt te zien. In dit voorbeeld gebruiken we de 'Vertical count'.

Vervolgens kies je de tekst die automatisch in de tweet van de gebruiker geplaatst wordt. In het voorbeeld hieronder zie je dat ik de tekst 'Dit artikel legt uit hoe je een tweet button op je eigen website plaatst.' heb ingevoerd. Dit betekent dat als jij straks op de knop hieronder klikt deze tekst gaat tweeten.

Vervolgens kun je de URL (webadres) instellen waar de tweet naartoe linkt. In dit geval kies ik ervoor om de tweet te laten linken naar de pagina waar de tweet button op geplaatst wordt. In de meeste gevallen zal dit het gewenste resultaat opleveren.

In het laatste stapje kun je de taal van de tweet button instellen. Aangezien Nederlands (nog) niet beschikbaar is kies ik voor English.

Recommendations

In deze stap kun je bepalen welke twitteraccount genoemd moet worden in de tweet die jouw bezoeker gaat posten. Aangezien de tweet button die ik nu maak op deze website komt en ik dit artikel van uit Kortsluiting plaats kies ik hier voor ons Kortsluiting twitteraccount.

De code plaatsen

Alle instellingen zijn inmiddels voltooid. Kopieer (Windows: ctrl+c / Mac: cmd+c) de html-code die in de box door Twitter wordt aangeboden.

Tweet

Als je vervolgens inlogt op het Kortsluiting CMS en je bent een tekst aan het bewerken dan ga je met de cursor op de plek staan waar je tweet button wilt plaatsen. Klik je in de teksteditor op de knop 'HTML' en plak de code in het venster dat zich opent (Windows: ctrl+c / Mac: cmd+c). Klik op 'Bijwerken' en je button is geplaatst. Hier rechts zie je een voorbeeld van de tweet button die we zojuist gemaakt hebben. Klik er op om het resultaat te bekijken.