blending social media in wordpress

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)); ?

>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;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

Ask away!

• Tweet me – yahya_ayob

• Skype me – yahyaayob

• +65-93437601

• yahyaayob@yahoo.com.sg