Start collecting tibs
Bitcoin
Wordpress plugin
Collecting tibs on wordpress sites is easy, just watch our
explaination video to show you how…
Get the wordpress plugin
HTML link
Just a link
Collecting small payments and donations has never been easier, a simple html
link with your bitcoin address will allow you to get started. You can use this link on webpages, social media and email.
<a href="https://tib.tibdit.com/t/YOUR BITCOIN ADDRESS></><br />
You can add text afterwards to create the visible link, so the finished text for a“donate” link would look something like this:
<a href="https://tib.tibdit.com/t/mwDzHePZBs9BxGHHNhWggk2ASUUmEKRuZH"><br />
Donate</a>
Using a tib button
Instead of a plain link you can use a tib button, its not much more complex and it
looks better making it clearer where people need to click.
<a href="’https://tib.tibdit.com/t/YOUR BITCOIN ADDRESS"><br />
<img src="”tibbutton.png”" alt="”tib”" /><br />
</a>
DOWNLOAD TIB BUTTON
More advanced options
A callback URL enables your site to react when a tib is confirmed. If you provide a callback address, the
tibdit window will be redirected to it after the user confirms the tib. A token that you can retrieve and process however you wish is included.
<a href='https://tib.tibdit.com/t/YOUR BITCOIN ADDRESS?callback_url=YOUR CALLBACK URL'><br />
<a href='https://tib.tibdit.com/t/mwDzHePZBs9BxGHHNhWggk2ASUUmEKRuZH?callback_url=joesblog.com/tibhandler.php'><br />
The token is base64 and URL encoded query string
http://YOUR SITE ADDRESS/?tibdit=BASE64 ENCODED TIB TOKEN<br />
http://joesblog.com/?tibdit=?tibdit=Y2FsbGJhY2s9aHR0cCUzQSUyRiUyRmpvZXNibG9nLnN0YWdpbmcudGliZGl0LmNvbSUyRiZwYXlhZGRyPW1yVVJkRGIzNDVFaF-hOdm03YndEcHBCZG9TZ3hlRFhjNjcmc25pcHBldD1odHRwJTNBJTJGJTJGam9lc2Jsb2cuc3RhZ2luZy50aWJkaXQuY29tJTJGJnN1YnJlZj1qb2UmdGliY291bnQ9MTImdGli-Y3VzdG9tPQ==
After decoding you can see that the token contains the bitcoin address to be paid, subreference and the
number of confirmed tibs going to that bitcoin address for that subreference
payaddr=mwDzHePZBs9BxGHHNhWggk2ASUUmEKRuZH // your blog address<br />
subref=P12 // subreference set by you<br />
tibcount=15 // number of tibs sent to the bitcoin address
You should store your tibcount in order to display it to subsequent visitors
tibit application is created to detect social snippets to provide the best tibbing experience for the tibber, by displaying the title of the page, description and an image.
You can see that your social snippets are detected using this Meta Inspector.
To take full control of these you may want to consider adding the Open Graph protocol social snippet tags that would allow the tibdit application to provide your title, image, and description by adding following before the < /head > tag in the HTML.
<meta property="og:title" content="YOUR TITLE"/><br />
<meta property="og:image" content="YOUR IMAGE URL"/><br />
<meta property="og:type" content="website" /><br />
<meta property="og:url" content="YOUR URL" /><br />
<meta property="og:description "content="YOUR DESCRIPTION" /><br />
A quick set up guide, styles sheets, images and all the necessary scripts can be downloaded here
The following steps will allow you to integrate a button that changes its appearance once the button has been clicked. Once you’ve uploaded the tibdit directory to your website, you can get started.
Firstly, we’ll need to reference the tibdit scripts in the head section of the page
<script type="text/javascript" src='tib.js'></script></p>
<link rel="stylesheet" type="text/css" href="tib-button-style.css">
Then, at the start of the body section, we need to add some php to detect if the page has been tibbed and update the tib-counter accordingly.
<?php
$payaddr = "YOUR BITCOIN ADDRESS";
include "tib.php";
processTib( DURATION_SECONDS );
?>
Next to create the tib button by simply copying the code snippet below and pass in a sub-reference and a callback url (the url to return to once the user has tibbed).
<div id='tib-button' class='not-tibbed'
onclick = "tib('<?php echo $payaddr;?>‘,’YOUR_SUBREF’,’YOUR_URL’);”><br />
<span class='count'><?php getCounter($payaddr, 'YOUR_SUBREF'); ?></span>
</div>
Now we’ll need a bit of logic to see if you’ve been tibbed…
<script>
if(tibbed('YOUR_SUBREF'))
{document.getElementById("tib-button").className += "tibbed";}
</script>
And you’re done!