How to add a Twitter Connect signin button to your blog comment form

by Patrick Altoft on / 44 responses

Twitter has quietly released Sign in with Twitter which is a neat system allowing websites to access your Twitter account details without you having to give them your password.

I’ve used the Twit Connect plugin from Voice of Tech to implement this on Blogstorm so that all my readers can leave a comment without entering their URL & name. All you have to do is click the button and we can pull your name, avatar & Twitter profile page to go alongside your comment.

Sign in with Twitter

First of all you need to register your application with Twitter so they can give you an API key.

Next you need to upgrade your server to PHP 5 because the plugin does’t work with PHP 4.

Finally upload the plugin & follow the instructions below:

  1. Upload `twitconnect.php` and all included files to the `/wp-content/plugins/` directory.
  2. Place `<?php if(function_exists(‘twit_connect’)){twit_connect();} ?>` in your comment template or rely on the default `<?php do_action(‘comment_form’, $post->ID); ?>` code.
  3. Activate the plugin through the ‘Plugins’ menu in WordPress.
  4. Modify plugin options through the `Settings` menu

It’s worth noting that this plugin doesn’t allow blog owners to do anything other than pull your public details from Twitter so it’s quite safe for you to use. Personally I think it would be nice to give readers the option to automatically tweet a link to the comment they have left.

Please try it out using the comment form below & let me know what you think.

Patrick Altoft is Director of Search at Branded3, a Leeds SEO & Digital Agency specialising in SEO, Web Design, Development & Social Media.

Get daily posts direct to your inbox

You can get our blog posts delivered for free by email every day - simply add your email address to the box above, or alternatively you can grab the RSS feed.

Comments

Read the 21 comments below, or add your own!

April 21, 2009 at 9:43pm

Surprised they haven’t made to much fan fare over this as it rivals Facebook connect for me, seen it about the blogosphere once or twice.

Reply

April 21, 2009 at 9:52pm

I love this plugin, what do you think?

Reply

April 21, 2009 at 10:01pm

Testing plugin… lets see.

Reply

April 21, 2009 at 10:37pm

Nice, but where’s the OpenId support, why have Twitter not got on board :(

Reply

April 21, 2009 at 10:49pm

this is totally awesome!

Reply

April 21, 2009 at 10:49pm

Nice little plugin to rival the Facebook and Google Connect. :)

Reply

April 21, 2009 at 10:52pm

Cool idea, I use ASP so this plug in wouldn’t be much use – but worth looking into and maybe developing my own… good one :-)

Reply

April 21, 2009 at 11:17pm

Nice…

Reply

April 21, 2009 at 11:22pm

This is neat. One thing I noticed though is that once logged in using Twitter, the logout button doesn’t seem to work. I’m getting a try again message.

Reply

April 21, 2009 at 11:29pm

Cool! Thanks for the heads up.

Reply

April 21, 2009 at 11:59pm

Wow gotta test this :P

Reply

April 22, 2009 at 12:17am

Interesting. Thanks for sharing this. I haven’t heard much about this.

Reply

April 22, 2009 at 12:22am

Si. Yo soy testing.

Reply

April 22, 2009 at 12:33am

Testing out this plugin. Looks awesome so far.

Reply

April 22, 2009 at 6:02am

Hmmm, when I try to sign in with Twitter via the button here above, Twitter said:

“This feature is temporarily disabled.”

Reply

April 22, 2009 at 7:45am

Twitter has temporarily taken Oauth down to fix some bugs it seems. The problem is on all services not just Blogstorm.

Reply

April 22, 2009 at 3:16pm

great article!!! 10 of 10 for sure.

Reply

April 22, 2009 at 4:27pm

very good thanks for your help

Reply

April 23, 2009 at 12:30pm

Cool! Thanks for sharing.
Mind if I suggest something? I’m also using Plurk, and I like it better than Twitter.

-Melanie
-Sell Anything Like Crazy

Reply

June 7, 2009 at 4:38am

What about a check box to post the comment to twitter or a link to the post?

Reply

October 8, 2010 at 4:06pm

Is there any way i can add this pluggin into my html page? can anyone please gimme the code…
thanks

Reply

Leave a comment

Your email address will not be published. Fields marked with an asterisk are required.
 

  *

  *

You can use one of the following tags:
<a href=""><blockquote><code><em><strike><strong>