Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Twitter Updates in Members Profile Details »
Twitter Updates in Members Profile
Mod Version: 1.0.6, by Gemma (Coder/Designer) Gemma is offline
Developer Last Online: Jul 2016 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (8 votes - 5.00 average) Installs: 46
Released: 20 Jun 2011 Last Update: 05 Dec 2012 Downloads: 191
Not Supported Template Edits Additional Files Re-usable Code External Content  

What this does
This creates a simple Twitter output of your member's tweets in the About Me section of their profile.

Twitter Updates in Member Profile

For this to work properly you need to create an application on Twitter.

1. Go to https://dev.twitter.com/apps/new
2. Fill out the app details, how to fill it out:
Application Name - Your Website Name
Description - Something relevant to your site
Application Website - Your Forum URL
Callback URL - Your Forum URL
Application Type - Read and Write

Agree to the rules, recaptcha and create your application. You will then be taken to your application details. Take note of your consumer key (21 alphanumerical characters)

3. Unzip the archive and upload the 'twitter' folder to your forum root.

4. You need to add a new profile field (you can skip this if you already having a profile field linking to users' Twitter accounts)

Add a Single-Line Text Box via the User Profile Field Manager and give it a title and a description so users know what it is for.
Set the Maximum length and Field length to your liking
Field Required: NO
Field Editable by User: YES
Private Field: NO
Field Searchable on Members List: NO
Show on Members List: NO
Regular Expression: Leave Blank

Take a note of the profile field number.

5. Open your additional.css template and add this at the bottom:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

This will give you a grey box for your tweets - if you want something different you will need to adjust the css yourself - don't ask me for help with this.

6. Open memberinfo_block_statistics and find:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Below that add:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Replace consumer_key with the key you noted from step 2. Save

Change all instances of XX to correspond with the profile field number from Step 4.

You can also change the css file by between light and dark by changing

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

to:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

*The light css uses the standard 'twitter blue' colour scheme and the dark one is shades of black, if you want other colours you will need to amend the css file yourself (probably best making changes to the twitter_light.css file)

Some other options, you can amend this part of the code


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

friends:1 ---> change to 0 to show followers
tweet:1 ---> Set this to 1 to display friends' tweets at widget footer. Tweets will also appear as a tool tip when hovering on a friend picture.
loop:1 ---> loop friends pictures animation or not. Set it to 1 to loop or 0 to disable.
users:50 ---> Number of visible friends' pictures on each swap. Note that Twitter will return your latest 80 Followers/Friends. You can choose to show a smaller number of pictures at a time.
user_name:0 ---> Show tweet author name or not. change to 1 to show
user_link:0 ---> By default, friends pictures will link to their Twitter profile. however, your can link it to their homepage (change to 1)

Save.

To update to v 1.0.6

If you wish to upgrade please upload the twitter folder to your server, remove the old template edits (headinclude and memberinfo_block_statistics) and apply the new edits in the opening post.

History

1.0.3 - Merged the two versions together - but left the option to use either the basic or enhanced (css version). Created a blogger.js file which is hosted on your server instead of externally, this should solve the problems of Tweets not showing.
1.0.4 - Added twitter hovercards
1.0.5 - Added a new block feature which shows the latest activity of your friends or followers.
1.0.6 - New code to display tweets in profile due to changes in Twitter's API.

If anyone wants to further develop any of my addons, you are free to do so.

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	twitter.jpg
Views:	469
Size:	72.3 KB
ID:	142724  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Profile Enhancements Twitter Updates in Members Profile winduff vBulletin 3.6 Template Modifications 36 02 Jul 2011 20:47
Profile Enhancements Twitter Profile 1.0 (displays Twitter on a member's profile page) AlexanderT vBulletin 3.7 Add-ons 102 21 May 2011 20:48

  #76  
Old 17 Oct 2011, 12:07
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by Kingdombuilder View Post
Thank you so much for the help. It seems to be working great accept when I navigate to the profile page "about me" tab is open first.

I went and made the plugin not active and the profile page loads as normal but when I go to the "About Me" tab the tweet box is gone again. And of course when I make it active again the tweet box shows back up.
Sorry, unfortunately that is the only way I can get the Tweet Box to work, for some reason it needs to load before the Visitor Messages tab. I think there must be a conflict with the VM Editor

I'll have a proper look when I get some free time and see what I can come up with.
__________________
Reply With Quote
  #77  
Old 10 Dec 2011, 08:13
Filgga's Avatar
Filgga Filgga is offline
 
Join Date: Jul 2007
Tried on vB 4.1.8 but looks like it's not working perfectly!
__________________
I'm back, hell was full
Reply With Quote
  #78  
Old 10 Dec 2011, 10:16
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by Filgga View Post
Tried on vB 4.1.8 but looks like it's not working perfectly!
In what way?
__________________
Reply With Quote
  #79  
Old 20 Dec 2011, 15:14
Bluefin221 Bluefin221 is offline
 
Join Date: Jul 2008
Originally Posted by Gemma View Post
In what way?
I'm going to install it on 4.1.8 and will get back to you Gemma hopefully if any problems exist we can solve them?
Reply With Quote
  #80  
Old 20 Dec 2011, 16:33
Bluefin221 Bluefin221 is offline
 
Join Date: Jul 2008
Gemma -

Everything works perfectly when using the basic version.

On the with CSS version it shows up like the basic version so you cannot see any recent updates on the profile.

I'm using CSS version check here: http://www.fpcforums.com/forums/members/1-FPC-Admin

I tried messing around with the code but got no where fast so put it back to the way you had it using CSS version. Do you have any ideas?
Reply With Quote
  #81  
Old 20 Dec 2011, 17:18
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by Bluefin221 View Post
Gemma -

Everything works perfectly when using the basic version.

On the with CSS version it shows up like the basic version so you cannot see any recent updates on the profile.

I'm using CSS version check here: http://www.fpcforums.com/forums/members/1-FPC-Admin

I tried messing around with the code but got no where fast so put it back to the way you had it using CSS version. Do you have any ideas?
Checking your source code it doesn't look like the callback is set; firstly did you follow all the action is step 2 of the instructions? And did you change this part of the code to match up to your twitter profilefield#


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

I've just checked your Twitter username on my own site and it is working so I think you may have missed a step somewhere.
__________________
Reply With Quote
  #82  
Old 20 Dec 2011, 18:07
Bluefin221 Bluefin221 is offline
 
Join Date: Jul 2008
Originally Posted by Gemma View Post
Checking your source code it doesn't look like the callback is set; firstly did you follow all the action is step 2 of the instructions? And did you change this part of the code to match up to your twitter profilefield#


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

I've just checked your Twitter username on my own site and it is working so I think you may have missed a step somewhere.
I missed the first field ID, because I edited the file 3/4 times must have rushed it the last time as the other two fields were completely properly.

Also I have to put read/write and access on the app for it to work correctly, but confirmed working perfectly on 4.1.8
Reply With Quote
  #83  
Old 22 Dec 2011, 03:38
LuDawgs LuDawgs is offline
 
Join Date: May 2011
So close. I'm running 4.1.7 but unfortunately my members most recent tweets are not appearing in their section. Everything else looks good. I've read through this section end to end.
Reply With Quote
  #84  
Old 22 Dec 2011, 12:12
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by LuDawgs View Post
but unfortunately my members most recent tweets are not appearing in their section
I'll assume no tweets are showing, not just recent tweets?

Please make sure you have correctly setup steps 1 & 2

1. Go to https://dev.twitter.com/apps/new
2. Fill out the app details, how to fill it out:
Application Name - Your Website Name
Description - Something relevant to your site
Application Website - Your Forum URL
Callback URL - Your Forum URL
Application Type - Read and Write

Agree to the rules, recaptcha and create your application. You will then be taken to your application details. Take note of your consumer key (21 alphanumerical characters)
The Application must be set to Read and Write.

Also make sure you have added you profilefield numbers into the template where required.
__________________
Reply With Quote
  #85  
Old 22 Dec 2011, 13:02
LuDawgs LuDawgs is offline
 
Join Date: May 2011
Yep, did all of those things and checked them several times...not sure what I'm missing.
Reply With Quote
  #86  
Old 22 Dec 2011, 13:20
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by LuDawgs View Post
Yep, did all of those things and checked them several times...not sure what I'm missing.
PM me a link to your site and I'll have a look.
__________________
Reply With Quote
  #87  
Old 22 Dec 2011, 16:29
LuDawgs LuDawgs is offline
 
Join Date: May 2011
I think it probably has something to do with me using a custom style. I've removed the files and the code for now until I can figure out where to place them. PM coming...
Reply With Quote
  #88  
Old 22 Dec 2011, 17:09
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by LuDawgs View Post
I think it probably has something to do with me using a custom style. I've removed the files and the code for now until I can figure out where to place them. PM coming...
www.yourdomain.com/twitter/

And inside the twitter folder should be the blogger.js, jquery.twitter.js and twitter.css files
__________________
Reply With Quote
  #89  
Old 22 Dec 2011, 18:24
LuDawgs LuDawgs is offline
 
Join Date: May 2011
I'm an idiot. I uploaded the files to my root, but not in a twitter folder. Doh. All is good! Thank you!
Reply With Quote
  #90  
Old 23 Dec 2011, 01:00
LuDawgs LuDawgs is offline
 
Join Date: May 2011
Crazy. I use the MGC Evo chat solution. It has the ability to respond to someone and it puts the @ symbol in front of who you're responding to. The Twitter pop up causes people's names to get underlined and the twitter pop up appears! LOL

If I put @tray...and I mouse over the name, some guy named "tray" has his twitter pop up LOL
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 07:03.

Layout Options | Width: Wide Color: