<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tech Projects &#187; Facebook</title>
	<atom:link href="http://projects.jesseheap.com/category/facebook/feed" rel="self" type="application/rss+xml" />
	<link>http://projects.jesseheap.com</link>
	<description>Wordpress Plugins and other miscellanous scripts</description>
	<lastBuildDate>Fri, 25 Feb 2011 14:41:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Facebook Marketing &amp; WordPress</title>
		<link>http://projects.jesseheap.com/facebook-marketing-wordpress-2011-02-24.htm</link>
		<comments>http://projects.jesseheap.com/facebook-marketing-wordpress-2011-02-24.htm#comments</comments>
		<pubDate>Fri, 25 Feb 2011 01:53:51 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://projects.jesseheap.com/?p=220</guid>
		<description><![CDATA[Jeff Ente from Who’s Blogging What, wrote a post on Mashable about the new Facebook Fan Pages iframe capabilities. He was completely on mark &#8211; this is a SIGNIFICANT enhancement that has HUGE potential for marketing on Facebook. One of the things I spoke about in Social Media Marketing for Dummies was the power of [...]]]></description>
			<content:encoded><![CDATA[<p>Jeff Ente from <a href="http://www.whosbloggingwhat.com/">Who’s Blogging What</a>, wrote a <a href="http://mashable.com/2011/02/24/facebook-pages-iframes/">post on Mashable </a> about the new Facebook Fan Pages iframe capabilities.  He was completely on mark &#8211; this is a SIGNIFICANT enhancement that has HUGE potential for marketing on Facebook.</p>
<p>One of the things I spoke about in <a href="http://projects.jesseheap.com/pcb-case-study.pdf">Social Media Marketing for Dummies</a> was the power of syndication within the digital space.  Syndication enables small businesses to re-purpose content across multiple channels to engage users in a consistent manner without have to create entirely new content.  We use WordPress as our hub for syndicating information out to various channels.</p>
<p>For Pink Cake Box, we have employed this strategy across many of our channels and with the introduction of iFrames for facebook fan pages we took advantage of this on <a href="http://www.facebook.com/pinkcakebox">our facebook fan page</a>.</p>
<p>We created a facebook application that pulls content from our wordpress site and repurposes that content in a format that fits within the confines of facebooks design parameters.  <a href="http://www.facebook.com/pinkcakebox#!/pinkcakebox?sk=app_193577940660660">The page</a> allows users to interact by leveraging our search feature and displays our most recent cakes and most popular cakes.  </p>
<p><a href="http://projects.jesseheap.com/wp-content/uploads/2011/02/example-facebook-fan-page.jpg"><img src="http://projects.jesseheap.com/wp-content/uploads/2011/02/example-facebook-fan-page.jpg" alt="" title="example-facebook-fan-page" width="724" height="708" class="aligncenter size-full wp-image-221" /></a> </p>
<p>This enables us to create a dynamic and fresh facebook page that is automatically updated whenever our wordpress site is updated. </p>
<p>This is just the first step and as Jeff states, there are further opportunities to personalize the experience for facebook users.  I&#8217;m very excited about this new feature and look forward to seeing more innovations in this space.</p>
]]></content:encoded>
			<wfw:commentRss>http://projects.jesseheap.com/facebook-marketing-wordpress-2011-02-24.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to integrate WordPress Search with your Facebook Application</title>
		<link>http://projects.jesseheap.com/how-to-integrate-wordpress-search-with-your-facebook-application-2010-07-10.htm</link>
		<comments>http://projects.jesseheap.com/how-to-integrate-wordpress-search-with-your-facebook-application-2010-07-10.htm#comments</comments>
		<pubDate>Sat, 10 Jul 2010 15:46:57 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://projects.jesseheap.com/?p=163</guid>
		<description><![CDATA[So a few weeks ago we released a facebook book application called Pink Cake Box Guiltless Treats for sending cakes to your facebook friends. We&#8217;ve since expanded the application to integrate with wordpress search. Our facebook app now has access to over 1200+ cakes and is automatically updated whenever we post new cakes. I&#8217;m proud [...]]]></description>
			<content:encoded><![CDATA[<p>So a few weeks ago we released a facebook book application called <a href="http://apps.facebook.com/pinkcakeboxbake/">Pink Cake Box Guiltless Treats</a> for sending cakes to your facebook friends.  We&#8217;ve since expanded the application to integrate with wordpress search.  </p>
<p>Our facebook app now has access to over 1200+ cakes and is automatically updated whenever we post new cakes.  I&#8217;m proud to say that I believe this is the largest library of cakes available via any facebook application.  </p>
<p>So I want to talk a little bit about how we integrated the wordpress search function.  There are a few ways to do this, and the two options I considered were:</p>
<p>1. Integrate directly to wordpress default search using the ?s parameter<br />
2. Create a custom search query</p>
<p>Ultimately I choose option 2 so I could create a search results template file in my wordpress theme that was separate from our <a href="http://blog.pinkcakebox.com/search/cakes">default search results template</a>.  The new search results template file (which is pictured below) was customized to fit the look and feel of the facebook application:</p>
<p><a href="http://projects.jesseheap.com/wp-content/uploads/2010/07/Pink-Cake-Box-Guiltless-Treats-on-Facebook.jpg"><img src="http://projects.jesseheap.com/wp-content/uploads/2010/07/Pink-Cake-Box-Guiltless-Treats-on-Facebook.jpg" alt="" title="Pink Cake Box Guiltless Treats on Facebook" width="749" height="364" class="aligncenter size-full wp-image-164" /></a></p>
<p>So here are the steps I took to integrate wordpress search with my facebook application:</p>
<p>Step 1) Created a new search results template file that took in a GET parameter as a search term.  The search results template uses the GET parameter as input into a custom query to search tags and the post content.  Finally it returns the results and formats to match the look and feel of the facebook application.</p>
<p>Here&#8217;s the section of code that takes the GET Parameter and runs the custom search query:</p>
<div class="dean_ch" style="white-space: wrap;"><span class="kw1">if</span> <span class="br0">&#40;</span><a href="http://www.php.net/isset"><span class="kw3">isset</span></a><span class="br0">&#40;</span><span class="re0">$_GET</span><span class="br0">&#91;</span><span class="st0">&#8216;se&#8217;</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><br />&nbsp; &nbsp;<span class="re0">$search_term</span> = esc_html<span class="br0">&#40;</span><span class="re0">$_GET</span><span class="br0">&#91;</span><span class="st0">&#8216;se&#8217;</span><span class="br0">&#93;</span><span class="br0">&#41;</span>;</p>
<p><span class="re0">$total</span> = <span class="st0">&quot;SELECT &nbsp;wp_posts.* <br />FROM wp_posts &nbsp;<br />LEFT JOIN (select distinct tr.object_id, t.name from wp_term_relationships tr inner join wp_term_taxonomy tt on tt.term_taxonomy_id = tr.term_taxonomy_id <br />inner join wp_terms t on t.term_id = tt.term_id where tt.taxonomy=&#8217;post_tag&#8217;) tr on wp_posts.ID = tr.object_id &nbsp;<br />INNER JOIN (select distinct tr.object_id from wp_term_relationships tr inner join wp_term_taxonomy tt on tt.term_taxonomy_id = tr.term_taxonomy_id <br />where tt.taxonomy=&#8217;category&#8217; and tt.term_id in (2,3,5,7,8,11)) tr2 on wp_posts.ID = tr2.object_id &nbsp;<br />WHERE 1=1 &nbsp;<br />AND (((wp_posts.post_title LIKE &#8216;%&quot;</span> . <span class="re0">$search_term</span> . <span class="st0">&quot;%&#8217;) OR (wp_posts.post_content LIKE &#8216;%&quot;</span> . <span class="re0">$search_term</span> .<span class="st0">&quot;%&#8217;))) &nbsp;AND wp_posts.post_type != &#8216;revision&#8217; <br />AND (wp_posts.post_status = &#8216;publish&#8217;) OR (tr.name like &#8216;%&quot;</span> . <span class="re0">$search_term</span> . <span class="st0">&quot;%&#8217; AND post_status = &#8216;publish&#8217;) <br />GROUP BY wp_posts.ID ORDER BY wp_posts.post_date&quot;</span><br />&nbsp;</div>
<p>These results are returned and looped through to produce the search results output.  I use the meta data tags embedded in our posts to pull the appropriate cake thumbnail.  This query also restricts itself to only searching categories related to cookies, cakes and cupcakes and not other general categories that do not have cake related photos.  </p>
<p>Step 2) Once the wordpress template was all setup, I modified our <a href="http://apps.facebook.com/pinkcakeboxbake/">Facebook canvas page</a> to add a search box which posts to the new search results template page:</p>
<div class="dean_ch" style="white-space: wrap;"><span class="sc2"><a href="http://december.com/html/4/element/h1.html"><span class="kw2">&lt;h1</span></a> <span class="kw3">class</span>=<span class="st0">&quot;headings&quot;</span><span class="kw2">&gt;</span></span>Search for a Cake<span class="sc2"><span class="kw2">&lt;/h1&gt;</span></span><br /><span class="sc2"><a href="http://december.com/html/4/element/form.html"><span class="kw2">&lt;form</span></a> <span class="kw3">method</span>=<span class="st0">&quot;get&quot;</span> <span class="kw3">id</span>=<span class="st0">&quot;searchform&quot;</span> <span class="kw3">action</span>=<span class="st0">&quot;http://blog.pinkcakebox.com/facebook-search-app&quot;</span><span class="kw2">&gt;</span></span><br />&nbsp; &nbsp; <span class="sc2"><a href="http://december.com/html/4/element/p.html"><span class="kw2">&lt;p&gt;</span></a></span><br />&nbsp; &nbsp; &nbsp; <span class="sc2"><a href="http://december.com/html/4/element/input.html"><span class="kw2">&lt;input</span></a> <span class="kw3">type</span>=<span class="st0">&quot;text&quot;</span> <span class="kw3">value</span>=<span class="st0">&quot;&quot;</span> <span class="kw3">name</span>=<span class="st0">&quot;se&quot;</span> <span class="kw3">id</span>=<span class="st0">&quot;se&quot;</span> /<span class="kw2">&gt;</span></span><br />&nbsp; &nbsp; &nbsp; <span class="sc2"><a href="http://december.com/html/4/element/input.html"><span class="kw2">&lt;input</span></a> <span class="kw3">class</span>=<span class="st0">&quot;btn&quot;</span> <span class="kw3">type</span>=<span class="st0">&quot;submit&quot;</span> <span class="kw3">id</span>=<span class="st0">&quot;searchsubmit&quot;</span> <span class="kw3">value</span>=<span class="st0">&quot;Find It&quot;</span> /<span class="kw2">&gt;</span></span><br />&nbsp; &nbsp; <span class="sc2"><span class="kw2">&lt;/p&gt;</span></span><br />&nbsp; &nbsp; <span class="sc2"><a href="http://december.com/html/4/element/h1.html"><span class="kw2">&lt;h1&gt;</span></a></span>OR &nbsp;<span class="sc2"><span class="kw2">&lt;/h1&gt;</span></span><br /><span class="sc2"><span class="kw2">&lt;/form&gt;</span></span><br />&nbsp;</div>
<p>Here&#8217;s a photo of how it looks:</p>
<p><a href="http://projects.jesseheap.com/wp-content/uploads/2010/07/Pink-Cake-Box-Guiltless-Treats-on-Facebook-search.jpg"><img src="http://projects.jesseheap.com/wp-content/uploads/2010/07/Pink-Cake-Box-Guiltless-Treats-on-Facebook-search.jpg" alt="" title="Pink Cake Box Guiltless Treats on Facebook search" width="731" height="354" class="aligncenter size-full wp-image-165" /></a></p>
<p>Step 3) The last piece of integration is ensuring the new search results template can interface back with the facebook application once the user has chosen the cake they want to send to their friends.   So there is one more post from the search results template back to the facebook application page that handles the next step of allowing the user to choose the friend they want to send the cake too:</p>
<div class="dean_ch" style="white-space: wrap;">&nbsp;<span class="sc2"><a href="http://december.com/html/4/element/form.html"><span class="kw2">&lt;form</span></a> <span class="kw3">action</span> = <span class="st0">&quot;http://www.pinkcakebox.com/pinkcakebox-fcb/choosefriend.php&quot;</span> <span class="kw3">id</span>=<span class="st0">&quot;SendForm&quot;</span> <span class="kw3">onsubmit</span>=<span class="st0">&quot;return verify(this);&quot;</span> <span class="kw3">method</span>=<span class="st0">&quot;POST&quot;</span><span class="kw2">&gt;</span></span><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2"><a href="http://december.com/html/4/element/input.html"><span class="kw2">&lt;input</span></a> <span class="kw3">type</span>=<span class="st0">&quot;submit&quot;</span> <span class="kw3">value</span>=<span class="st0">&quot;Send this cake&quot;</span> /<span class="kw2">&gt;</span></span><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2"><a href="http://december.com/html/4/element/input.html"><span class="kw2">&lt;input</span></a> <span class="kw3">type</span>=<span class="st0">&quot;hidden&quot;</span> <span class="kw3">value</span>=<span class="st0">&quot;&quot;</span> <span class="kw3">name</span>=<span class="st0">&quot;image_selector&quot;</span> <span class="kw3">id</span>=<span class="st0">&quot;image_selector&quot;</span>/<span class="kw2">&gt;</span></span><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2"><a href="http://december.com/html/4/element/input.html"><span class="kw2">&lt;input</span></a> <span class="kw3">type</span>=<span class="st0">&quot;hidden&quot;</span> <span class="kw3">value</span>=<span class="st0">&quot;&quot;</span> <span class="kw3">name</span>=<span class="st0">&quot;image_title&quot;</span> <span class="kw3">id</span>=<span class="st0">&quot;image_title&quot;</span>/<span class="kw2">&gt;</span></span><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2"><a href="http://december.com/html/4/element/input.html"><span class="kw2">&lt;input</span></a> <span class="kw3">type</span>=<span class="st0">&quot;hidden&quot;</span> <span class="kw3">value</span>=<span class="st0">&quot;&quot;</span> <span class="kw3">name</span>=<span class="st0">&quot;post_url&quot;</span> <span class="kw3">id</span>=<span class="st0">&quot;post_url&quot;</span>/<span class="kw2">&gt;</span></span><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2"><a href="http://december.com/html/4/element/input.html"><span class="kw2">&lt;input</span></a> <span class="kw3">type</span>=<span class="st0">&quot;hidden&quot;</span> <span class="kw3">name</span>=<span class="st0">&quot;friend_selector_id&quot;</span> <span class="kw3">id</span>=<span class="st0">&quot;friend_selector_id&quot;</span> <span class="kw3">value</span>=<span class="st0">&quot;&quot;</span> /<span class="kw2">&gt;</span></span><br />&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2"><span class="kw2">&lt;/form&gt;</span></span><br />&nbsp;</div>
<p>Here is the overall workflow for further clarity:</p>
<p><a href="http://projects.jesseheap.com/wp-content/uploads/2010/07/Microsoft-PowerPoint-Presentation1-7102010-114553-AM.jpg"><img src="http://projects.jesseheap.com/wp-content/uploads/2010/07/Microsoft-PowerPoint-Presentation1-7102010-114553-AM.jpg" alt="" title="Microsoft PowerPoint - [Presentation1] 7102010 114553 AM" width="857" height="501" class="aligncenter size-full wp-image-166" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://projects.jesseheap.com/how-to-integrate-wordpress-search-with-your-facebook-application-2010-07-10.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Send a cake via Facebook</title>
		<link>http://projects.jesseheap.com/send-a-cake-via-facebook-2010-06-12.htm</link>
		<comments>http://projects.jesseheap.com/send-a-cake-via-facebook-2010-06-12.htm#comments</comments>
		<pubDate>Sun, 13 Jun 2010 02:37:25 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://projects.jesseheap.com/?p=145</guid>
		<description><![CDATA[I&#8217;m happy to introduce my newest project &#8211; a facebook application for sending cakes/cupcakes to your facebook friends. What&#8217;s cool about this application is the tight integration with wordpress that enabled me to to expand it to almost our entire portfolio of online cakes. I was able to tie the facebook API with the wordpress [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://projects.jesseheap.com/wp-content/uploads/2010/06/facebook-app-logo.png"><img src="http://projects.jesseheap.com/wp-content/uploads/2010/06/facebook-app-logo.png" alt="" title="facebook-app-logo" width="250" height="234" class="alignleft size-full wp-image-146" style="margin-right:10px" /></a><br />
I&#8217;m happy to introduce my newest project &#8211; a facebook application <a href="http://www.facebook.com/apps/application.php?id=123285621018671">for sending cakes/cupcakes to your facebook friends.</a></p>
<p>What&#8217;s cool about this application is the tight integration with wordpress that enabled me to to expand it to almost our entire portfolio of online cakes.  I was able to tie the facebook API with the wordpress API which allowed me to tap into the existing cakes posted in our <a href="http://blog.pinkcakebox.com/gallery">online cake galleries</a>.  The application is setup so that it can pull based on any wordpress tag or category.  So anytime a new cake is posted it automatically shows up in the facebook application. </p>
<p>This application illustrates the power and advantage of the structured wordpress environment and its ability to re-purpose content across multiple channels. </p>
<p>Here is a screenshot of the application landing page for <a href="http://blog.pinkcakebox.com/gallery/sweet-16-cakes">sweet 16 cakes</a>:</p>
<p><a href="http://projects.jesseheap.com/wp-content/uploads/2010/06/Pink-Cake-Box-Guiltless-Treats-on-Facebook-Mozilla-Firefox-6132010-95814-PM.bmp.jpg"><img src="http://projects.jesseheap.com/wp-content/uploads/2010/06/Pink-Cake-Box-Guiltless-Treats-on-Facebook-Mozilla-Firefox-6132010-95814-PM.bmp.jpg" alt="" title="Pink Cake Box Guiltless Treats on Facebook - Mozilla Firefox 6132010 95814 PM.bmp" width="708" height="505" class="aligncenter size-full wp-image-156" /></a></p>
<p>Here&#8217;s a screenshot of what it looks like when a friend receives one of our cakes:</p>
<p><a href="http://projects.jesseheap.com/wp-content/uploads/2010/06/Facebook-Andrea-Ferretti-K.jpg"><img src="http://projects.jesseheap.com/wp-content/uploads/2010/06/Facebook-Andrea-Ferretti-K.jpg" alt="" title="Facebook--Andrea-Ferretti-K" width="564" height="233" class="aligncenter size-full wp-image-159" /></a></p>
<p>Also, the application helps drive traffic and links to our site since each time you send a cake via facebook it includes a link back to the wordpress blog post about the cake.  This approach aligns with advice from <a href="http://twitter.com/mattcutts">Matt Cutts</a> who has always talked about providing &#8220;<a href="http://www.mattcutts.com/blog/seo-advice-getting-links/">useful services</a>&#8221; to help attract high quality links and traffic. </p>
]]></content:encoded>
			<wfw:commentRss>http://projects.jesseheap.com/send-a-cake-via-facebook-2010-06-12.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

