Twitter op je website? #datisnietmoeilijk

tweetbird

Zit je jeugdwerkorganisatie ook op twitter en wil je dat integreren op je website? Twitter heeft een aantal handige html-generatoren die je helpen om je website nu nog interactiever te maken aan de hand van ‘buttons’, zonder dat je zelf veel verstand moet hebben van coderen.

Er zijn zo een aantal knoppen die je kan genereren op de twitterwebsite. We geven kort een overzicht van wat ze doen.

Share-a-link

sharealink

Stel dat je een artikel hebt geschreven voor je jeugdwerksite en je wil dat het snel verspreid wordt door je leden en lezers. Dan kan je bij je artikel een share-a-linkknop plaatsen waarmee men met één klik jouw artikel kan tweeten, net zoals je dit ook kan bij dit artikel.

Follow

follow button twitter

Als mensen je website interessant vinden en graag je ook via twitter willen volgen kan je op je website ook een volgknop plaatsen zodat men zonder moeite jou kan vinden en volgen.

Hashtag

Hashtag twitterHiermee kan je een door jou gemaakte hashtag de wereld in sturen en zorgen dat jij niet de enige bent die deze gebruikt. Het zorgt ervoor dat websitebezoekers die over jouw content twitteren nu ook met jouw hashtag gaan werken. Misschien wordt deze wel even populair als #durfttevragen.

Mention

mention on twitterAls je wil dat mensen je helpdeskgewijs ook vragen kunnen stellen kan je op je website ook een mentionknop plaatsen, zodat ze maar hoeven te klikken en schrijven wat het probleem of de vraag is en je zo direct via twitter gecontacteerd wordt.

De werkwijze is hetzelfde voor alle buttons, dus zullen we aan de hand van 'share-a-link'knop verder uitleggen welke opties je hebt om jou perfecte htmlcode te genereren.

1. Bij de button opties zet je de internetlink van jouw pagina in de url box. Dit kan de startsite zijn, of een specifieke link naar één van jouw artikels/posts of andere onderdelen van je website.
Share URL
 

2. Je kan er ook al een kleine tekst bij zetten zodat mensen alleen maar hoeven te verzenden of aanvullen zoals bijvoorbeeld: "ik was ook op kamp met...". En vergeet ook niet aan te kruisen of je wil zien hoeveel keer er al op deze knop is gedrukt.
tweet text
 

3. Je kan er ook voor zorgen dat jouw twitterprofiel in de tweet van de gebruiker voorkomt, waardoor je in je twitterfeed ziet wie getweet heeft over jouw artikel. Hiervoor vul je gewoon je gebruikersnaam in de 'via' sectie.
via profile
 

4. Je kan er eventueel al een hashtag bijvoegen bv #jeugdkamp11 zodat je erna een mooi overzicht krijgt van wie allemaal getweet heeft over jouw onderwerp. Of al iemand anders aanraden door hun gebruikersnaam in de tweet toe te voegen.
Recommend hashtag
 

5. Als laatste moet je de taal aanduiden, dit zorgt er alleen voor dat je box 'tweet' of 'tweeten' toont. Anders heeft dit geen implicaties. De Large Button knop zorgt er dan ook gewoon voor dat je knop iets groter wordt. Soms moet je het niet ver zoeken.
large button language
 

Zodra je alles hebt ingevuld genereert dit een HTMLcode die rechts tevoorschijnt komt.
preview and code
 

Als je al eens wil kijken hoe de share-a-link eruit ziet moet je gewoon op de tweetknop boven de htmlcode duwen en zie je het resultaat van wat tevoorschijn komt als je op jouw knop duwt.
Tweet example
 

Indien je tevreden bent kan je deze html-code selecteren en plakken in de broncodering van jouw eigen site of blog. Meer is er niet aan, dus twitteren maar!