Embed Size (px)
DESCRIPTION
Extended version.
Citation preview
WordCamp Malaysia 2010
Blending Social Media in WordPress
Presented by Yahya AyobTweet me @yahya_ayob
Find me in Facebook.com/yahyaayob or
Linkedin.com/in/yahyaayob
Self-Influence
• Who are you?
• Find the one thing inside that you are so passionate about.
• Write down short & long term goals to achieve.
• Focus on the short goals, execute plans to achieve them.
• Keep long-term goals in mind, heart and soul.
• Dedicate and commit at all times for at least 6 months.
Social Influence
• Buddies or kakis or mission comrades
• Similar passion and interests
• Learn more from similar groups and enhance self-influence
Self Influence
Align Yourself
Social Influence
Great example
• Self-Influence– Naoko passion on translating WordPress in Japanese.
• Social-Influence– Mingle with the WordPress Japanese community.
• Achievement– WordPress Japanese users benefit from her books.
– Got hired as Happiness Engineer in Automattic.
Common QuestionWhat is Social Media?
Real QuestionHow to blend Social Media in the
awesome WordPress?
“describes the online technologies and practices that people use to share opinions, insights, experiences and
perspectives with each other.”
- Wikipedia
When WordPress becomes Social?
• Share news by blogging a post.
• Discussions via comments left by readers.– Intense Debate
– Disqus
– Facebook Comments
• Practices - Read / Share / Quote / Link Back
Macleans.ca – Intense Debate Usage
Intense Debate usage
Intense Debate usage
Disqus
Facebook Comments
Shortcomings
• WordPress– Limited Contacts but Rich Content
• Social Media– Massive Layers of Contacts but Limited Content
Marrying them together
• I read a WordPress blog post about hair loss.
• Really good post that I like and I want to share it.
• I tweet it. I facebook it. I stumbleupon it.
• In those networks I just shared, a friend of mine David notices my shared links and find it very very interesting.
• Apparently, he has hair loss problem.
• He clicks the shared link and the link redirects him from Social Media platform to the WordPress site.
Next thing I know…
Landing strip – WordPress website
Destination – Content
Plane with passengers – Social connections
Pilot – You
Social Media Plugins in WordPress
Sociable 3.0.6http://www.sociable.es/facebook-connect/
Wordbookhttp://www.openparenthesis.org/code/wp
Your blog posts will show up in Facebook wall!
Wordbookerhttp://blogs.canalplan.org.uk/steve/wordbooker/
Facebook Craze in Asia!
When to use FB Like
Reading news in posts
Viewing photos or videos
Site browsing
When to use FB Recommend
After you buy something, you recommend.
After you eat roti canai, you recommend.
After a holiday trip, you recommend.
CNNmoney.com
Recommend in action
iframe option can only do this
xfbml + javascript option can do this
User wall with open graph metatags
The Easy Way
Facebook Like Button Pluginhttp://martinj.net/wordpress-plugins/facebook-like-button/
Application ID / app id
http://developers.facebook.com/setup/
http://wordpress.org/extend/plugins/tweetmeme/
Wanna hide the count?http://www.davidedicillo.com/whatever/trick-of-the-day-hide-
tweetmemes-button-number/
Use the Permalink-Template tag to generate links
Example:
<a href="http://twitter.com/home?status=Read:%20<?php the_permalink(); ?>">Tweet this</a>
http://wpengineer.com/tweet-this-with-wordpress/
Use the Permalink-Template tag to generate links
Example:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?
>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px;"></iframe>
http://www.wpbeginner.com/wp-tutorials/how-to-add-facebook-like-button-in-wordpress/
Blending Tips
• title area
• before & after posts
• after or side of photos or videos
• near download areas
• eyeball hot spots
10Steps.sg - Tweetmeme compact button
At Vocanic homepage
Vocanic - Embed inside posts with shortcodes or plugin settings
Right after a post in single.php
TechCrunch - Near post title
I Love Typography
I Love Typography – after post
theAppleBlog – near metadata
LaughingSquid – twitter stream, after post & below video
MTV – FB Connect
MTV – FB Connect
MTV – FB Connect
MTV – FB Connect
Mashable – Twitter Connect
Mashable – Twitter Connect
Mashable – Twitter Connect
End note• Focus & a definite choice. Eg. Coffee or tea?
• Start with Facebook & Twitter
• Blend it with logic and common sense
• Align self with social influence
• Rich content is still a must
