<?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>Altodot</title>
	<atom:link href="http://blog.altodot.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.altodot.com</link>
	<description>Social Marketing Technologies</description>
	<lastBuildDate>Fri, 26 Feb 2010 03:07:03 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>El Fan Button &#8211; una ventana al éxito</title>
		<link>http://blog.altodot.com/2010/02/26/el-fan-button-una-ventana-al-exito/</link>
		<comments>http://blog.altodot.com/2010/02/26/el-fan-button-una-ventana-al-exito/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 03:07:03 +0000</pubDate>
		<dc:creator>Matias Paterlini</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Facebook]]></category>

		<guid isPermaLink="false">http://blog.altodot.com/?p=54</guid>
		<description><![CDATA[Una de las cosas que algunos desarrolladores no prestaron suficiente atención durante el último año fue el Fan Button de Facebook, una herramienta originalmente lanzada como un tag de XFBML para sitios de con Facebook Connect hace ya un largo rato (tal es así que aún no lanzaron el botón en FBML).



Si solo siguiéramos las [...]]]></description>
			<content:encoded><![CDATA[<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Una de las cosas que algunos desarrolladores no prestaron suficiente atención durante el último año fue el <a href="http://wiki.developers.facebook.com/index.php/Fb:fan"><strong>Fan Button de Facebook</strong></a>, una herramienta originalmente lanzada como un tag de </span></span></span><a href="http://wiki.developers.facebook.com/index.php/XFBML"><strong><span style="font-family: helvetica;"><span style="color: #000000;"><span>XFBML</span></span></span></strong></a><span style="font-family: helvetica;"><span style="color: #000000;"><span> para sitios de con <a href="http://wiki.developers.facebook.com/index.php/Facebook_Connect"><strong>Facebook Connect</strong></a> hace ya un largo rato (tal es así que aún no lanzaron el botón en FBML).</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Si solo siguiéramos las reglas de <a href="http://www.facebook.com">Facebook</a>, tal vez nos perdamos algunas cosas en el camino, y varios desarrolladores de aplicaciones para Facebook vimos una oportunidad en éste botón.</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Facebook lanzó los perfiles para las aplicaciones hace ya varios meses, lo cual básicamente significa que la gente puede volverse fan de tu aplicación. Anteriormente a ésto había solo <strong>Fan Pages</strong>, y uno debía crear una fan page antes de lanzar una nueva aplicación para poder utilizar el page id que permitía poner el botón de Fan dentro de la aplicación. Todo éste asunto de conseguir fans en las páginas creció muy rápido, y al día de hoy incluso hay compañías que se especializan solo en conseguir mas fans en las pages.</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Pero, ¿Porqué es tan importante éste pequeño botón? Para comenzar, una de las primeras cosas con las que tuve que lidiar desde que me involucré con las aplicaciones de Facebook fue “<strong>Cómo Generar Engagement</strong>”, como mantener a la gente comprometida con la aplicación. Algunas aplicaciones tienen su belleza natural porque son muy divertidas, porque fueron pensadas para que el usuario vuelva a usarlas regularmente, y porque con la cantidad de contenido logran de alguna manera enamorar al usuario, pero hay otras aplicaciones que no tienen esa belleza natural, y sus desarrolladores han de vivir con el hecho de que los usuarios siempre se aburren de todas las aplicaciones, mas tarde o mas temprano, pero lo harán y uno debe pelear contra ello.</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>En Altodot hemos tenido el placer de desarrollar la aplicación de Facebook para los <strong>MTV Awards de Latinoamérica</strong> y, como confirmación a éste post, algunas semanas atrás mientras estudiábamos algunas métricas encontramos que a la Fan Page de MTVLA le tomó mas de 5 meses ganar 60.000 Fans (Aún cuando posteaban regularmente noticias, eventos y notas relacionadas en la misma), pero también descubrimos que luego de que lanzáramos la aplicación, en tan solo 4 semanas incrementamos dicho número a 100.000, lo cual significa que </span></span></span><strong><span style="font-family: helvetica;"><span style="color: #000000;"><span>tener un Fan Button en tus apps se ha convertido en un deber.</span></span></span></strong></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Pero&#8230; una vez que tenemos los fans en la page de tu app, qué podemos hacer con ellos?</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Para comenzar, cada vez que posteas algo en el profile de tu app eso aparece en el Live Stream de cada uno de tus fans, lo cual se convierte en un poderoso canal de comunicación para presentar nuevas mejoras, nuevos features, correcciones a bugs, estadísticas, e incluso nuevas aplicaciones que lanzás, y créanme, es un concepto probado. Nosotros empujamos una nueva aplicación desde una Fan Page con 1000 fans, y la nueva app consiguió 300.000 usuarios en solo un día. </span></span></span><span style="font-family: helvetica;"><span style="color: #000000;"><span>1000 fans pueden generar por lo menos 10.000</span></span></span><span style="font-family: helvetica;"><span style="color: #000000;"><span>instalaciones</span></span></span><span style="font-family: helvetica;"><span style="color: #000000;"><span>, lo cual desde mi perspectiva </span></span></span><span style="font-family: helvetica;"><span style="color: #000000;"><span>es</span></span></span> <strong><span style="font-family: helvetica;"><span style="color: #000000;"><span>la cantidad mínima de personas para que una aplicación se vuelva viral </span></span></span></strong><span style="font-family: helvetica;"><span style="color: #000000;"><span>(sin importar cuantos canales virales hayas utilizado en tu aplicación).</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Dicho ésto, quiero compartir con ustedes algunas buenas prácticas que he usado y visto por ahí sobre </span></span></span><span style="font-family: helvetica;"><span style="color: #000000;"><span>cómo colocar un botón de fan en tu aplicación</span></span></span><span style="font-family: helvetica;"><span style="color: #000000;"><span>, que sin duda tendrá un gran impacto en la cantidad de fans que conseguirás. Podrán encontrar éstas prácticas en muchas aplicaciones por ahí&#8230;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>La forma mas fácil es agregar un link hacia el profile de la aplicación, por ejemplo: </span></span></span></p>
<p style="margin: 0pt;">
<blockquote>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span>&lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>a</span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span>href</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;</span></span></span><a href="http://www.facebook.com/apps/application.php?id=YOUR_APP_ID"><span style="font-family: monaco;"><span style="color: #000099;"><span style="text-decoration: underline;"><span>http://www.facebook.com/apps/application.php?id=YOUR_APP_ID</span></span></span></span></a><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;</span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span>target</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;_blank&#8221;</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>Hazte Fan</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>a</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
</blockquote>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Pero recuerden agregar el atributo target=”_blank” a la etiqueta anchor para permitirle al usuario seguir viendo la app.</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>La segunda opción es agregar un pequeño iframe de 20 píxeles de alto y 112 de ancho que solo contendrá las librerías de Facebook Connect (Correctamente inicializadas), y el tag de XFBML “fb:fan” que es lo que genera el Fan Button. En nuestro ejemplo hemos removido algunos elementos que genera el tag, como el nombre de la app y la imagen para que quede solo el botón y no rompa con el diseño de nuestra app (ésto se hace mediante hacer override de las clases de estilos </span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>.name_block and .profileimage </span></span></span><span style="font-family: helvetica;"><span style="color: #000000;"><span>como se muestra en el ejemplo).</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Por lo tanto, si estas trabajando en una aplicación en FBML entonces debes agregar un tag fb:iframe como se indica a continuación:</span></span></span></p>
<blockquote>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span>&lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>fb:iframe</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> frameborder</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;0&#8243;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> scrolling</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;no&#8221;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> width</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;113&#8243;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> height</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;25&#8243;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> src</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;</span></span></span><a href="http://yourcallbackurl/iframe.php"><span style="font-family: monaco;"><span style="color: #000099;"><span style="text-decoration: underline;"><span>http://yourcallbackurl/iframe.html</span></span></span></span></a><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span>&lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>fb:iframe</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
</blockquote>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Nota: Si estás trabajando en una aplicación en un iframe, puedes poner directamente el control dentro del código, siempre y cuando agregues las librerías de facebook y las inicialices apropiadamente). </span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span><br />
</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Ahora, éste es el código que se necesita dentro del Iframe (en el caso del fbml), o dentro de la página en caso de que ya estés trabajando dentro de un Iframe:</span></span></span></p>
<p style="margin: 0pt;">
<p style="margin: 0pt;">
<blockquote>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span>&lt;!</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>DOCTYPE</span></span></span> <span style="font-family: monaco;"><span style="color: #008080;"><span>html</span></span></span> <span style="font-family: monaco;"><span style="color: #808080;"><span>PUBLIC</span></span></span> <span style="font-family: monaco;"><span style="color: #008080;"><span>&#8220;-//W3C//DTD HTML 4.01 Transitional//EN&#8221;</span></span></span> <span style="font-family: monaco;"><span style="color: #3f7f5f;"><span>&#8220;</span></span></span><a href="http://www.w3.org/TR/html4/loose.dtd"><span style="font-family: monaco;"><span style="color: #000099;"><span style="text-decoration: underline;"><span>http://www.w3.org/TR/html4/loose.dtd</span></span></span></span></a><span style="font-family: monaco;"><span style="color: #3f7f5f;"><span>&#8220;</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span>&lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>html</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>head</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>meta</span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span>http-equiv</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;Content-Type&#8221;</span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span>content</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;text/html; </span></span></span> <span style="font-family: monaco;"><span style="color: #2a00ff;"><span>charset=UTF-8&#8243;</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>title</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>Los MTV Awards 2009</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>title</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>style</span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span>type</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;text/css&#8221;</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span> body</span></span></span> <span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>{</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> margin</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>:</span></span></span><span style="font-family: monaco;"><span style="color: #2a00e1;"><span>0px</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> </span></span></span><span style="font-family: monaco;"><span style="color: #7f007f;"><span> </span></span></span><span style="font-family: monaco;"><span style="color: #7f007f;"><span> padding</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>:</span></span></span><span style="font-family: monaco;"><span style="color: #2a00e1;"><span>0px</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #000000;"><span> }</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span> .profileimage</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span> {</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> display</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>: </span></span></span><span style="font-family: monaco;"><span style="color: #2a00e1;"><span>none !important</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #000000;"><span> }</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span> .name_block</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span> {</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> display</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>: </span></span></span><span style="font-family: monaco;"><span style="color: #2a00e1;"><span>none !important</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #000000;"><span> }</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span> div</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span> {</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> margin</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>: </span></span></span><span style="font-family: monaco;"><span style="color: #2a00e1;"><span>0px !important</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #7f007f;"><span> padding</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>: </span></span></span><span style="font-family: monaco;"><span style="color: #2a00e1;"><span>0px !important</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #000000;"><span> }</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>style</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>head</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>body</span></span></span> <span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>script</span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span>type</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;text/javascript&#8221;</span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span>src</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;</span></span></span><a href="http://static.ak.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"><span style="font-family: monaco;"><span style="color: #000099;"><span style="text-decoration: underline;"><span>http://static.ak.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php</span></span></span></span></a><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>script</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>div</span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span>style</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;width:113px;&#8221;</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>div</span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span>style</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;float: left;&#8221;</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span style="text-decoration: underline;"><span> &lt;</span></span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span style="text-decoration: underline;"><span>fb:fan</span></span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span style="text-decoration: underline;"><span>profile_id</span></span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span style="text-decoration: underline;"><span>=</span></span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span style="text-decoration: underline;"><span>&#8220;189458570399&#8243;</span></span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span style="text-decoration: underline;"><span>stream</span></span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span style="text-decoration: underline;"><span>=</span></span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span style="text-decoration: underline;"><span>&#8220;0&#8243;</span></span></span></span> <span style="text-decoration: underline;"> </span><span style="font-family: monaco;"><span style="color: #7f007f;"><span style="text-decoration: underline;"><span>connections</span></span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span style="text-decoration: underline;"><span>=</span></span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span style="text-decoration: underline;"><span>&#8220;0&#8243;</span></span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span style="text-decoration: underline;"><span>width</span></span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span style="text-decoration: underline;"><span>=</span></span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span style="text-decoration: underline;"><span>&#8220;113&#8243;</span></span></span></span> <span style="font-family: monaco;"><span style="color: #008080;"><span style="text-decoration: underline;"><span>&gt;</span></span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>fb:fan</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>div</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>div</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>script</span></span></span> <span style="font-family: monaco;"><span style="color: #7f007f;"><span>type</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>=</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;text/javascript&#8221;</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #000000;"><span> FB.init(</span></span></span><span style="font-family: monaco;"><span style="color: #2a00ff;"><span>&#8220;yourapikey&#8221;</span></span></span><span style="font-family: monaco;"><span style="color: #000000;"><span>); </span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>script</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span> &lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>body</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
<p style="margin: 0pt;"><span style="font-family: monaco;"><span style="color: #008080;"><span>&lt;/</span></span></span><span style="font-family: monaco;"><span style="color: #3f7f7f;"><span>html</span></span></span><span style="font-family: monaco;"><span style="color: #008080;"><span>&gt;</span></span></span></p>
</blockquote>
<p style="margin: 0pt;">
<p style="margin: 0pt;"><span style="font-family: helvetica;"><span style="color: #000000;"><span>Algunas otras aplicaciones, especialmente aquellas que están basadas en Flash, usualmente colocan el boton de fan dentro de un div escondido (flotando en el centro de la pantalla), y desde flash llaman a alguna función Javascript para mostrarlo cuando el usuario clickea en algún botón dentro de la animación Flash. En el próximo post veremos como manejar la comunicación entre Flash y Javascript. </span></span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.altodot.com/2010/02/26/el-fan-button-una-ventana-al-exito/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como ahorrar tiempo al programar Facebook Apps</title>
		<link>http://blog.altodot.com/2010/02/25/como-ahorrar-tiempo-al-programar-facebook-apps/</link>
		<comments>http://blog.altodot.com/2010/02/25/como-ahorrar-tiempo-al-programar-facebook-apps/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 14:38:13 +0000</pubDate>
		<dc:creator>Matias Paterlini</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[practices]]></category>

		<guid isPermaLink="false">http://blog.altodot.com/?p=48</guid>
		<description><![CDATA[Una de las cosas mas difíciles con las que se enfrentará un desarrollador de aplicaciones para Facebook es la imposibilidad de trabajar con un entorno de testeo, lo cual definitivamente mejoraría en muchas maneras la experiencia desarrollando.
Los entornos de testeo en las compañías de tecnología son diseñados para hacer la programación mas segura y rápida, [...]]]></description>
			<content:encoded><![CDATA[<p>Una de las cosas mas difíciles con las que se enfrentará un desarrollador de aplicaciones para <a id="zhuu" title="Facebook" href="http://facebook.com/">Facebook</a> es la imposibilidad de trabajar con un <strong>entorno de testeo</strong>, lo cual definitivamente mejoraría en muchas maneras la experiencia desarrollando.</p>
<p>Los entornos de testeo en las compañías de tecnología son diseñados para hacer la programación mas segura y rápida, pero los mismos también nos permiten correr tests para checkear la infraestructura de una app y a descubrir posibles problemas de escalabilidad que no pueden ser testeados en servidores de producción, o podríamos poner dichos servidores en riesgo de caerse cuando gente real esté usando la aplicación.</p>
<p>En casi todas las aplicaciones, usualmente tomamos información de los perfiles de los usuarios lo cual claramente debe ser hecho bajo una <strong>sesión activa</strong>. Ésta es la razón básica por la cual no podemos usar un entorno de testeo al desarrollar para Facebook, no podemos pasar sobre facebook porque necesitamos al usuario logueado para conseguir esa sesión lo cual vuelve imposible por ejemplo correr un apache benchmark para testear tiempos de respuesta, tiempo de latencia, etc&#8230;</p>
<p>Ni hablar del tiempo que toma para cargar todas las librerías de Facebook cada vez que necesitamos refrescar una app corriendo en Facebook. Cada vez que cambiamos una pequeña parte del código todo el site se cargaría nuevamente y eso tomaría otros 15 segundos de nuestro precioso tiempo, cada vez que apretamos F5! (los 15 segundos salen de el tiempo de carga de FB mas el tiempo de parsing del fbml, y render del html, podría ser aun mas y generalmente no toma menos de 8 a 10 segundos).</p>
<p>Así que, luego de haber estado trabajando con desarrollo de apps para Facebook durante un largo rato quiero compartirles algunas cosas que aprendí en el proceso que quizás puedan ayudarlos a ahorrar algo de tiempo, y algunos dolores de cabeza también.</p>
<ol>
<li><strong>No realices pequeños tests</strong>, en cambio, dedica mas tiempo a desarrollar sin testear online el resultado constantemente, programa todo lo que puedas y cuando sientas que estas listo para probar, hazlo. Vas a descubrir que en ocasiones podes programar un montón sin un solo error en el camino. Si haces pruebas cada un minuto, en 1 hora habrás perdido 15 minutos.</li>
<li>Si estas desarrollando una página en FBML, una de las tentaciones que automáticamente surge es la idea de desarrollar un html aparte y luego convertirlo en fbml quitando los headers, etc. SIEMPRE hay algunas pequeñas diferencias entre una página en fbml y un html standard que usualmente toman mucho tiempo en ser resueltas, (esto es producto de los distintos doctypes y estilos que facebook hace override por default). Por lo cual, si vas a armar una página en fbml, <strong>escribí el código directamente en fbml </strong>y probalo directamente en Facebook.</li>
<li>Si tu aplicación esta live (en producción),<strong> trabajá en una app secundaria</strong> (Sin importar que facebook diga que no lo hagas&#8230;). Tests a la ligera, o falta de test representa largo debugging, y muchos clientes o usuarios finalmente podrían quejarse si los bugs aparecen. No importa cuan pequeña parezca la tarea, probala tranquilamente en una app de pruebas y luego subila a producción una vez que confíes en lo que acabas de codear.</li>
<li><strong>Construye una wiki</strong> o algo similar que contenga todos los “well known issues” (errores mas conocidos) que encuentres mientras programas tus apps. Nunca sabes cuando o quién volverá a dar con el mismo problema, tener una base de conocimiento es clave para la productividad de un team!</li>
<li><strong>Genera código reusable</strong>. Yo desarrollé aplicaciones enteras arrojando feeds, notificaciones, con fbjs, fbml, ajax, servicios web, etc. en solo uno o dos días&#8230;. Construye todo orientado a objetos, declarando todo en scopes grandes sin hacer que solo satisfaga la necesidad de ese cliente.</li>
</ol>
<p>Éste tipo de prácticas que llevamos adelante en <a id="vl5z" title="Altodot" href="http://www.altodot.com/">Altodot</a> probablemente te harán <strong>ahorrar algo de tiempo</strong>, y como el tiempo es dinero, estoy segurao que probarás algunos de éstos puntos <img src='http://blog.altodot.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.altodot.com/2010/02/25/como-ahorrar-tiempo-al-programar-facebook-apps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Entendiendo algunos números de Facebook</title>
		<link>http://blog.altodot.com/2010/01/26/entendiendo-algunos-numeros-de-facebook/</link>
		<comments>http://blog.altodot.com/2010/01/26/entendiendo-algunos-numeros-de-facebook/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 04:12:56 +0000</pubDate>
		<dc:creator>Antón Chalbaud</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://blog.altodot.com/?p=33</guid>
		<description><![CDATA[A partir de distintas conversaciones con gente de agencias y marcas, y tras ver que Facebook muy pronto va a estar dando datos más detallados sobre la interacción de los usuarios en las Fan Pages (ver artículo), surgió la idea de escribir este post para que se entiendan mejor algunos &#8220;números&#8221;  involucrados en una acción [...]]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">A partir de distintas conversaciones con gente de agencias y marcas, y tras ver que Facebook muy pronto va a estar dando datos más detallados sobre la interacción de los usuarios en las Fan Pages (ver artículo), surgió la idea de escribir este post para que se entiendan mejor algunos &#8220;números&#8221;  involucrados en una acción de Marketing en Facebook. En este primer post la idea es repasar los números más básicos que un profesional del marketing debería entender a la hora de evaluar la performance de una campaña.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Fans: el número de FANS (o SEGUIDORES) que tiene una página en Facebook, es la cantidad de personas que hicieron &#8220;click&#8221; en el boton &#8220;Hacerme FAN&#8221; vinculado a esa página. Este botón no solo esta en la página misma, sino que tambien se puede embeber en cualquier aplicación de facebook, e incluso en un sitio web externo mediante un widget (y recientemente incluso en los anuncios internos que uno puede pautar en Facebook).</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">¿Para qué sirve tener FANS? Además de que esta bueno que mucha gente de alguna forma &#8220;siga&#8221; a nuestra marca o producto, lo interesante en la práctica es que los Fans reciben en su newsfeed, todos los posts que realizamos en el Wall de la Fan Page. Esto nos permite tener un canal de comunicación abierto, y con &#8220;permiso&#8221; de la persona. Es una suerte de OPT IN hacia el newsfeed de los usuarios.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Pregunta: ¿Facebook me permite mandarle un mensaje directo a todos mis fans?</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Respuesta: No, Facebook no permite esto (no hay forma técnicamente de hacerlo). Facebook solo brinda esta posibilidad en los GRUPOS menores a 5.000 personas.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Usuarios Activos Mensuales (en una aplicación); este número es la cantidad de personas que accedieron a la aplicación en los ultimos 30 días. (Este es el número que se muestra a la izquierda en la Fan Page asociada a una aplicación.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Importante: La cantidad TOTAL de usuarios que instalaron la aplicación, no es el número que se ve en el margen izquierdo de la aplicación, sino que es un número que sólo esta disponible para el administrador/developer de la aplicación (Facebook brinda bastantes métricas sobre las aplicaciones, estas están disponibles solo para los administradores de la aplicación). Por lo general el número de usuarios que instalaron la aplicación es bastante mayor al número de usuarios activos.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Pregunta: ¿Sirve para algo un usuario que no es activo? Respuesta: ver siguiente pregunta.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Pregunta: Si ya termino mi campaña, ¿para qué me sirve mantener la aplicación?</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Respuesta: Es importante mantener el &#8220;Canvass&#8221; de la aplicación activo, para volver a utilizarlo cuando se haga otra campaña, ya que los usuarios se instalan un &#8220;Canvass&#8221; en realidad, no una &#8220;Aplicación&#8221;. Osea&#8230; si en la misma URL donde habia una app antes, instalo una nueva, ya tendré todos los usuarios que se instalaron la App para comenzar a viralizar la aplicación. ¿Porque? Porque Facebook SI nos permite enviarle mensajes o notificaciones a los usuarios que instalaron nuestra aplicación (esto se hace programando, no hay una interfaz para hacerlo desde el sitio propiamente dicho).</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Bueno, básicamente el objetivo del post es ayudar a entender 3 números muy importantes: FANS, Ususarios Activos Mensuales, y Cantidad de Usuarios que Instalaron la Aplicación.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Espero que se haya entendido ! Y sino, pregunten <img src='http://blog.altodot.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </div>
<p>A partir de distintas conversaciones con gente de agencias y marcas, y tras ver que Facebook muy pronto va a estar dando datos más detallados sobre la interacción de los usuarios en las Fan Pages (<a title="Facebook New Metrics for Fan Pages" href="http://www.insidefacebook.com/2010/01/20/facebooks-page-administration-tools-getting-upgrades/" target="_blank">ver artículo</a>), surgió la idea de escribir este post para que se entiendan mejor algunos &#8220;números&#8221;  involucrados en una acción de Marketing en Facebook. En este primer post la idea es repasar los números más básicos que un profesional del marketing debería entender a la hora de evaluar la performance de una campaña.</p>
<p><strong>Fans</strong>: el número de FANS (o SEGUIDORES) que tiene una página en Facebook, es la cantidad de personas que hicieron &#8220;click&#8221; en el boton &#8220;Hacerme FAN&#8221; vinculado a esa página. Este botón no solo esta en la página misma, sino que tambien se puede embeber en cualquier aplicación de facebook, e incluso en un sitio web externo mediante un widget (y recientemente incluso en los anuncios internos que uno puede pautar en Facebook).</p>
<p><strong>¿Para qué sirve tener FANS?</strong> Además de que esta bueno que mucha gente de alguna forma &#8220;siga&#8221; a nuestra marca o producto, lo interesante en la práctica es que los Fans reciben en su newsfeed, todos los posts que realizamos en el Wall de la Fan Page. Esto nos permite tener un canal de comunicación abierto, y con &#8220;permiso&#8221; de la persona. Es una suerte de OPT IN hacia el newsfeed de los usuarios.</p>
<p><strong>Pregunta</strong>: ¿Facebook me permite mandarle un mensaje directo a todos mis fans?</p>
<p><strong>Respuesta</strong>: No, Facebook no permite esto (no hay forma técnicamente de hacerlo). Facebook solo brinda esta posibilidad en los GRUPOS menores a 5.000 personas.</p>
<p><strong>Usuarios Activos Mensuales </strong>(en una aplicación): este número es la cantidad de personas que accedieron a la aplicación en los ultimos 30 días. (Este es el número que se muestra a la izquierda en la Fan Page asociada a una aplicación.</p>
<p><strong>Importante</strong>: La <em>cantidad TOTAL de usuarios que instalaron la aplicación</em>, no es el número que se ve en el margen izquierdo de la aplicación, sino que es un número que sólo esta disponible para el administrador/developer de la aplicación (Facebook brinda bastantes métricas sobre las aplicaciones, estas están disponibles solo para los administradores de la aplicación. Se puede acceder en www.facebook.com/developers/). Por lo general el número de usuarios que instalaron la aplicación es bastante mayor al número de usuarios activos.</p>
<p><strong>Pregunta</strong>: ¿Sirve para algo un usuario que no es activo?   <strong>Respuesta</strong>: ver siguiente pregunta.</p>
<p><strong>Pregunta</strong>: Si ya termino mi campaña, ¿para qué me sirve mantener la aplicación?</p>
<p><strong>Respuesta</strong>: Es importante mantener el &#8220;Canvas&#8221; de la aplicación activo, para volver a utilizarlo cuando se haga otra campaña, ya que los usuarios se instalan un &#8220;Canvas&#8221; en realidad, no una &#8220;Aplicación&#8221;. Osea&#8230; si en la misma URL donde habia una app antes, instalo una nueva, ya tendré todos los usuarios que se instalaron la App para comenzar a viralizar la aplicación. ¿Porque? Porque Facebook SI nos permite enviarle mensajes o notificaciones a los usuarios que instalaron nuestra aplicación anteriormente, sean estos usuarios activos o no hoy en día (esto se hace programando, no hay una interfaz para hacerlo desde el sitio propiamente dicho).</p>
<p>Bueno, básicamente el objetivo del post es ayudar a entender 3 números muy importantes: <strong>FANS (o SEGUIDORES)</strong>, <strong>Ususarios Activos Mensuales</strong>, y <strong>Cantidad de Usuarios que Instalaron la Aplicación</strong>.</p>
<p>Espero que se haya entendido ! Y sino, pregunten <img src='http://blog.altodot.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.altodot.com/2010/01/26/entendiendo-algunos-numeros-de-facebook/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Manejando problemas de latencia de la Plataforma de Facebook</title>
		<link>http://blog.altodot.com/2009/12/11/manejando-problemas-de-latencia-de-la-plataforma-de-facebook/</link>
		<comments>http://blog.altodot.com/2009/12/11/manejando-problemas-de-latencia-de-la-plataforma-de-facebook/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 12:49:48 +0000</pubDate>
		<dc:creator>Matias Paterlini</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[facebook api]]></category>
		<category><![CDATA[facebook platform]]></category>
		<category><![CDATA[latency issues]]></category>

		<guid isPermaLink="false">http://blog.altodot.com/?p=25</guid>
		<description><![CDATA[Manejando los problemas de la plataforma de Facebook.
Algunos días atras comenzamos a recibir un error del estilo “The URL &#8230; did not respond.” en algunas aplicaciones que estabamos desarrollando en simultaneo. Pensamos que podría ser causado por un problema en el servidor y no prestamos mucha atención, pero ayer comenzó a suceder todo el tiempo, [...]]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Manejando los problemas de la plataforma de Facebook.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Algunos días atras comenzamos a recibir un error del estilo “The URL &#8230; did not respond.” en algunas aplicaciones que estabamos desarrollando en simultaneo. Pensamos que podría ser causado por un problema en el servidor y no prestamos mucha atención, pero ayer comenzó a suceder todo el tiempo, y no había manera de encontrar un patrón que causara ésto.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Así que dedicamos algunas horas con Atha Kouroussis, nuestro partner de hosting en Altodot  ( CTO y Co-Founder de Vurbia Technologies) analizando qué estaba pasando realmente, si era un problema de servidores, de código defectuoso, o si era un problema de la plataforma, y finalmente encontamos una manera de solucionar este eterno error arrojado por Facebook.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Una de las cosas que encontramos fue que aquellas aplicaciones que estaban embebidas en un IFRAME para correr dentro de Facebook estaban funcionando algo lentas, pero sin fallar en términos generales. Por lo tanto nos enfocamos en resolver por qué  una aplicación en FBML falla cuando una en IFRAME no falla.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Para confirmar el post publicado por el blog “Inside Facebook” anunciando algunos problemas con la latencia de la API de Facebook, cuando comenzamos a debuggear la aplicación vimos que el tiempo de ejecución de las consultas de FQL era muy distinto cada vez, generalmente tardaba entre desde menos de un segundo hasta 3 segundos, pero de repente la misma consulta tomaba hasta 10 o 20 segundos en ejecutarse.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Otro error que observamos fue que muchos de estos requests estaban devolviendo resultados vacíos cuando se suponía que devolvieran cierta información. Lo interesante aquí es que ésto no tenía nada que ver con el tipo de consulta que se estaba corriendo, o la cantidad de registros que esta devolvía.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Eso solo explicaba por qué estaba tomando tanto tiempo para ejecutar las aplicaciones que corrían dentro de iframes, pero porqué las aplicaciónes en FBML fallaban de esa manera?&#8230; Dimos una mirada en profundidad al tiempo que tomaba en ejecutar las consultas de FQL, y encontramos que cuando toda la ejecución del código de nuestra aplicación era menor a 12 segundos, entonces la aplicación en fbml no fallaba, pero si el tiempo de respuesta de cada consulta de FQL (mas el tiempo que tomaba la ejecución de dicho script) era mayor a 12 segundos, fallaba nuevamente.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Lo interesante aquí es que aun cuando Facebook arrojaba el error “URL did not respond” la ejecución del script no mostraba ninguna excepción y los logs del servidor mostraban una entrega sin problemas, en vez de frenarse la ejecución siempre finalizaba correctamente!! sin importar cuanto tiempo tardara la API de Facebook en responder a los requests.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Hasta ese momento solo teníamos el diagnóstico, la demora de las respuestas de la plataforma de Facebook era muy grande, específicamente mas de 12 segundos lo cual es el límite de tiempo por el cual Facebook esperará por el output del script antes de comenzar a parsear los tags de FBML en el código fuente.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Aun cuando cláramente no era nuestra culpa, no había explicación alguna que dejara a nuestros clientes contentos o que los hiciera sentir seguros (principalmente cuando somos una companía especializada en aplicaciones sociales), así que hicimos un brainstorming durante unas horas buscando un workaround.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Nos dimos cuenta que necesitabamos hacer una redirección a la misma página si la ejecución del script tomaba mas de 10 segundos en correr, pero dado que nuestra aplicacieon estaba hecha en php no podiamos checkear que el tiempo que tomara cada consulta fuera menos de 12 segundos, porque solo una consulta podría tomar hasta 20 segundos y facebook hubiera mostrado el error antes que nosotros pudieramos redirijir la página</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">La lista de las posibles soluciones (luego de intentar todo lo que encontramos en los foros de desarrolladores de Facebook) era muy corta, solo habian 3 ideas:</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Rezar porque Facebook tomara cartas en el asunto de su latencia en la respuesta, o porque aumentara el tiempo de espera del output de nuestros servidores</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Cambiar todo el codigo de nuestra aplicación para que corra dentro de un iframe reemplazando todo el codigo FBML y FBJS (obviamente esto sería lo último que hubieramos hecho)</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Paralelizar las consultas de FQL a la API.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Finalmente, la forma en la que resolvimos el problema fue simulando php threading a travez de hacer llamadas mediante CURL a un archivo de procesos que se ocupa de realizar las consultas de FQL hacia Facebook, y mientras que todas las consultas son realizadas por multiples llamados simultaneos a travez de CURL, en el script principal nos mantenemos loopeando y revisando que el tiempo de ejecución de todas las queries sea menor a 10 segundos.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Si ese es el caso, nosotros solo dejamos al script terminar su ejecución, pero si facebook demoraba al menos una de las consultas por mas de 10 segundos automaticamente redireccionamos la pagina a si misma pasando los mismos parametros por url nuevamente. De esa manera (y por que Facebook usualmente no fallaba dos veces consecutivamente) solo tomaría entre 5 y 15 segundos en entregar el contenido de la aplicación (no los 35 segundos que podía llegar a tomar en el caso de las aplicaciones con iframes en el caso de que facebook demorara 20 segundos una respuesta).</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Dicho ésto, dejenme compartir con ustedes un ejemplo de código PHP funcionando (comentado) similar a lo que usamos en nuestra aplicación para evitar dicho error.</div>
<p>Algunos días atrás comenzamos a recibir un error del estilo <strong>“The URL &#8230; did not respond.”</strong> en algunas aplicaciones que estábamos desarrollando en simultaneo. Pensamos que podría ser causado por un problema en el servidor y no prestamos mucha atención, pero ayer comenzó a suceder todo el tiempo, y no había manera de encontrar un patrón que causara ésto.</p>
<p>Así que dedicamos algunas horas con <a href="http://twitter.com/athak">Atha Kouroussis</a>, nuestro partner de hosting en <a href="http://altodot.com">Altodot</a> ( CTO y Co-Founder de <a href="http://www.vurbia.com/">Vurbia Technologies</a>) analizando qué estaba pasando realmente, si era un problema de servidores, de código defectuoso, o si era un problema de la plataforma, y finalmente encontramos una manera de solucionar este eterno error arrojado por Facebook.</p>
<p>Una de las cosas que encontramos fue que aquellas aplicaciones que estaban embebidas en un IFRAME para correr dentro de Facebook estaban funcionando algo lentas, pero sin fallar en términos generales. Por lo tanto nos enfocamos en resolver por qué  una aplicación en FBML falla cuando una en IFRAME no falla.</p>
<p>Para confirmar <a href="http://www.insidefacebook.com/2009/12/09/developer-notes-platform-performance-issues-to-last-few-days-fql-changes/">el post</a> publicado por el <a href="http://www.insidefacebook.com/">blog “Inside Facebook”</a> anunciando algunos problemas con la latencia de la API de Facebook, cuando comenzamos a debuggear la aplicación vimos que el tiempo de ejecución de las consultas de FQL era muy distinto cada vez, generalmente tardaba entre desde menos de un segundo hasta 3 segundos, pero de repente la misma consulta tomaba hasta 10 o 20 segundos en ejecutarse.</p>
<p>Otro error que observamos fue que muchos de estos requests estaban devolviendo resultados vacíos cuando se suponía que devolvieran cierta información. Lo interesante aquí es que ésto no tenía nada que ver con el tipo de consulta que se estaba corriendo, o la cantidad de registros que esta devolvía.</p>
<p>Eso solo explicaba por qué estaba tomando tanto tiempo para ejecutar las aplicaciones que corrían dentro de iframes, pero porqué las aplicaciónes en FBML fallaban de esa manera?&#8230; Dimos una mirada en profundidad al tiempo que tomaba en ejecutar las consultas de FQL, y encontramos que <strong>cuando toda la ejecución del código de nuestra aplicación era menor a 12 segundos, entonces la aplicación en fbml no fallaba</strong>, pero si el tiempo de respuesta de cada consulta de FQL (mas el tiempo que tomaba la ejecución de dicho script) era mayor a 12 segundos, fallaba nuevamente.</p>
<p><strong>Lo interesante aquí es que aun cuando Facebook arrojaba el error “URL did not respond” la ejecución del script no mostraba ninguna excepción y los logs del servidor mostraban una entrega sin problemas, en vez de frenarse la ejecución siempre finalizaba correctamente!! sin importar cuanto tiempo tardara la API de Facebook en responder a los requests.</strong></p>
<p>Hasta ese momento solo teníamos el diagnóstico, la demora de las respuestas de la plataforma de Facebook era muy grande, específicamente mas de 12 segundos lo cual es el límite de tiempo por el cual Facebook esperará por el output del script antes de comenzar a parsear los tags de FBML en el código fuente.</p>
<p>Aun cuando claramente no era nuestra culpa, no había explicación alguna que dejara a nuestros clientes contentos o que los hiciera sentir seguros (principalmente cuando somos una compañia especializada en aplicaciones sociales), así que hicimos un brainstorming durante unas horas buscando un workaround.</p>
<p>Nos dimos cuenta que necesitabamos hacer una redirección a la misma página si la ejecución del script tomaba mas de 10 segundos en correr, pero dado que nuestra aplicación estaba hecha en php no podíamos checkear que el tiempo que tomara cada consulta fuera menos de 12 segundos, porque <strong>solo una consulta podría tomar hasta 20 segundos</strong> y facebook hubiera mostrado el error antes que nosotros pudieramos redirijir la página</p>
<p><strong>La lista de las posibles soluciones (luego de intentar todo lo que encontramos en los foros de desarrolladores de Facebook) era muy corta, solo habían 3 ideas:</strong></p>
<ol>
<li>Rezar porque Facebook tomara cartas en el asunto de su latencia en la respuesta, o porque aumentara el tiempo de espera del output de nuestros servidores</li>
<li>Cambiar todo el código de nuestra aplicación para que corra dentro de un iframe reemplazando todo el código FBML y FBJS (obviamente esto sería lo último que hubieramos hecho)</li>
<li><strong>Paralelizar las consultas de FQL a la API.</strong></li>
</ol>
<p>Finalmente, la forma en la que resolvimos el problema fue simulando php threading a travez de hacer llamadas mediante CURL a un archivo de procesos que se ocupa de realizar las consultas de FQL hacia Facebook, y mientras que todas las consultas son realizadas por múltiples llamados simultáneos a travez de CURL, en el script principal nos mantenemos loopeando y revisando que el tiempo de ejecución de todas las queries sea menor a 10 segundos.</p>
<p>Si ese es el caso, nosotros solo dejamos al script terminar su ejecución, pero si facebook demoraba al menos una de las consultas por mas de 10 segundos automaticamente redireccionamos la pagina a si misma pasando los mismos parametros por url nuevamente. De esa manera (y por que Facebook usualmente no fallaba dos veces consecutivamente) solo tomaría entre 5 y 15 segundos en entregar el contenido de la aplicación (no los 35 segundos que podía llegar a tomar en el caso de las aplicaciones con iframes en el caso de que facebook demorara 20 segundos una respuesta).</p>
<p>Dicho ésto, dejenme compartir con ustedes un ejemplo de código PHP funcionando (comentado) similar a lo que usamos en nuestra aplicación para evitar dicho error, el cual pueden descargar <a href="http://paterlinimatias.com/altodot_facebook_latency_issues_workaround.zip">aquí</a>. Siéntanse libres de realizar cualquier consulta o aclaración al respecto y con gusto les responderé.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.altodot.com/2009/12/11/manejando-problemas-de-latencia-de-la-plataforma-de-facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Viralidad Vs. Engagement en aplicaciones para Facebook</title>
		<link>http://blog.altodot.com/2009/11/23/viralidad-vs-engagement-en-aplicaciones-para-facebook/</link>
		<comments>http://blog.altodot.com/2009/11/23/viralidad-vs-engagement-en-aplicaciones-para-facebook/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 13:55:03 +0000</pubDate>
		<dc:creator>Matias Paterlini</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[engagement]]></category>
		<category><![CDATA[facebook apps]]></category>
		<category><![CDATA[virality]]></category>

		<guid isPermaLink="false">http://blog.altodot.com/?p=30</guid>
		<description><![CDATA[Como probablemente sepan, Facebook anunció dos semanas atrás un enorme roadmap sobre lo que se viene para el FB Platform en los próximos 6 meses. La noticia rápidamente se volvió inquietante para el millón de desarrolladores de facebook (de acuerdo con las estadísticas reveladas en el último FB Garage en San Francisco).
No solo la gran [...]]]></description>
			<content:encoded><![CDATA[<p>Como probablemente sepan, Facebook anunció dos semanas atrás un enorme roadmap sobre lo que se viene para el FB Platform en los próximos 6 meses. La noticia rápidamente se volvió inquietante para el millón de desarrolladores de facebook (de acuerdo con las estadísticas reveladas en el último FB Garage en San Francisco).</p>
<p>No solo la gran mayoría de las 350.000 aplicaciones lanzadas en los últimos 2 años dejará de funcionar, sino que también los desarrolladores de dichas aplicaciones ahora tendrán que aprender como reemplazar las funcionalidades originales de cada aplicación por otra cosa similar, utilizando los nuevos canales virales, las nuevas implementaciones de la API, los nuevos métodos, nuevos parámetros, etc&#8230;</p>
<p>Sin mencionar los clientes que ahora tienen que pagar un extra por proyectos ya finalizados, para poder mantener las aplicaciones funcionando, TODO esto en menos de 6 meses, pero ojo! solo dos semanas a partir del anuncio ya hay cosas que no funcionan mas, como la registración de templates de feeds</p>
<p>Dicho ésto, Creo que (en cierto punto) hay una buena razón de porqué Facebook está haciéndonos ésto. Hay un par de puntos interesantes que yo veo como un gran resultado de esta reformulación de la plataforma que estamos viviendo, y quiero compartir uno de ellos con ustedes.</p>
<p>Para empezar, lo que yo llamo “comments linking”. Supongamos que tenemos algún tipo de contenido en nuestra aplicación, digamos que tenemos un juego de trivia que guarda los resultados de los ganadores. La forma en la que funcionaba hasta ahora, básicamente podíamos tener una caja de comentarios asociada a un “Id de comentario” relacionado con algún comentario (por ejemplo el resultado de una jugada por un usuario). En adición a ésto, también teníamos una funcionalidad que nos permitía publicar un Feed Story (relacionado a alguna acción que el usuario realizara dentro de la aplicación) en el wall de los usuarios, anunciando por ejemplo que Juan venció a Martín en tal desafío.</p>
<p>Ambos, la caja de comentarios y el publicador de feeds son herramientas  fantásticas, pero todas las acciones involucradas con ambos controles como por ejemplo dejar un comentario en un feed, marcarlo como “Me gusta”, compartirlo con otros, etc. no se reflejaban con las cajas de comentarios y viceversa&#8230; eso era realmente decepcionante.</p>
<p>Con los nuevos cambios que se vienen, nosotros podremos relacionar esas herramientas a un mismo id de contenido, que creo que será un boom en la viralidad de la aplicación, absolutamente mas provechoso que las notificaciones (que ya se estaban convirtiendo en muy spammers). Si tenemos la posibilidad de unir todos los comentarios, votos, shares, etc. bajo un mismo contenido, definitivamente tomará menos esfuerzo poder aparecer como highlight en el newsfeed de nuestros usuarios ayudando a que recuerden nuestra app, y permitiendo que sus amigos la conozcan.</p>
<p>Quizás necesitaremos comenzar a pensar en hacer aplicaciones cada vez mas serias basadas en el contenido generado por los usuarios, en vez de aplicaciones que spamean los canales virales ( lo cual era el modelo de aplicación preferido por muchos desarrolladores durante el último año).</p>
<p>La forma en la que los desarrolladores estaban haciendo dinero cuando la plataforma fue lanzada era utilizando “virtual currencies”, o sea monedas virtuales que se ganaban a través de micro pagos, pero difícil y costoso desarrollar aplicaciones de ese tipo. Hace un año y medio atrás la gente empezó este nuevo modelo basado en generarle millones de visitas a la aplicación (explotando los canales virales) para conseguir mas dinero de los Ad networks.</p>
<p>Creo que detrás de éstos cambios hechos por Facebook, básicamente ellos están buscando volver al primer modelo de aplicación el cual les proveía a ellos de aplicaciones de alta calidad, con un alto indice de retorno por los usuarios, en vez del modelo de aplicaciones construidas en tan solo 1 día&#8230;</p>
<p>Se que la viralidad es la clave para el éxito, pero una vez que tenes millones de usuarios en tu aplicación, que harás para conseguir mas page views?</p>
<p>En Altodot desarrollamos una aplicación viral que le tomó menos de 3 semanas en llegar a 2 millones de usuarios, y luego le tomó 4 a 5 semanas para perder la tracción que había ganado durante las primeras 3 semanas.</p>
<p>¿Cómo es eso posible? porque la aplicación básicamente no te dejaba hacer mas que clickear en un boton para conseguir mas amigos, y publicar feeds en el wall del usuario, pero aun así encontramos algo interesante, las “aplicaciones de una acción” es un concepto provado! Créanme, hay cierta gente ahí afuera que se siente sobrepasada cuando uno le ofrece muchas cosas para hacer dentro de la app, por lo que cuando ellos encuentran que lo único que pueden hacer dentro  de tu aplicación es publicar algo en su muro, bueno&#8230; ellos sentirán bastante ganas de hacerlo, porque no hay otra cosa por hacer, es claro como el cristal!</p>
<p>Ese fue nuestro modelo de aplicación. Nosotros ganamos viralidad porque cada uno de ellos publicó el Feed Story, pero justo después de que apretaban en el botón Publicar, ellos se estaban empezando a aburrir!</p>
<p>Por lo tanto, nosotros ganamos viralidad, pero donde fue todo eso a parar? A ningún lado, los perdimos! Alguien dijo alguna vez: “Solo hay una oportunidad de dar una primera buena impresión&#8230;”.</p>
<p>Lo bueno en ésta ecuación es un beneficio colateral que declara que cerca del 5% de los usuarios que usaron la aplicación y que se aburrieron de ella, ANTES de que se olvidaran de nosotros nos dejaron un regalo, ellos presionaron el botón rojo (por así decirlo), ellos se volvieron fans de nuestra aplicación!. Usted se debe estar preguntando cuál es el placer de tener usuarios aburridos en el profile de su aplicación&#8230; y yo digo, Probablemente no los tengas comprometidos contigo, pero si los tienes enganchados! porque ahora tu puedes compartir con ellos todas las nuevas aplicaciones que vayas a lanzar! y todos los updates que realizarás sobre la aplicación, etc&#8230;</p>
<p>Como conclusión, las aplicaciones basadas solo en la viralidad usualmente no tienen una relación a largo plazo con sus usuarios, pero definitivamente son un un gran canal de marketing para las nuevas aplicaciones lo cual lo mantiene como un interesante negocio para algunas empresas. En la otra mano, las aplicaciones comprometidas son claramente lo que Facebook está buscando, y los desarrolladores cada vez encontrarán mas y mas herramientas para mantener la comunicación con sus usuarios fluida, mientras la comunidad de la plataforma de facebook crece día a día.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.altodot.com/2009/11/23/viralidad-vs-engagement-en-aplicaciones-para-facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como lograr viralidad en redes sociales. Caso &#8220;Los premios MTV 2009&#8243;</title>
		<link>http://blog.altodot.com/2009/11/14/los-premios-mtv-2009/</link>
		<comments>http://blog.altodot.com/2009/11/14/los-premios-mtv-2009/#comments</comments>
		<pubDate>Sun, 15 Nov 2009 01:49:13 +0000</pubDate>
		<dc:creator>Claudio Cohen</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://blog.altodot.com/?p=14</guid>
		<description><![CDATA[Por segundo año consecutivo MTV y AltoDOT llevan a las redes sociales Los Premios MTV. Para los premios del año 2008 lanzamos una aplicación en Facebook y otra en MySpace con el objetivo de lograr mayores votos.
Para los premios de este año, trabajamos en conjunto en una estrategia que permitiera por un lado, llevar la [...]]]></description>
			<content:encoded><![CDATA[<p>Por segundo año consecutivo MTV y AltoDOT llevan a las redes sociales Los Premios MTV. Para los premios del año 2008 lanzamos una aplicación en Facebook y otra en MySpace con el objetivo de lograr mayores votos.</p>
<p>Para los premios de este año, trabajamos en conjunto en una estrategia que permitiera por un lado, llevar la plataforma de votación a las redes sociales y por otro, generar viralidad dentro del mismo entorno. Para ello decidimos lanzar una aplicacion &#8220;paraguas&#8221; en Facebook, donde podiamos lograr estos objetivos.</p>
<p><a title="Los premios MTV 2009" href="http://apps.facebook.com/lospremiosmtv" target="_blank">Los premios MTV 2009</a> permitió a todos lo usuarios de Facebook votar  y apoyar a sus artistas favoritos. De esta forma no hacia falta ir al sitio de los premios para poder participar. Asi mismo, podian encontrar contenido de notas y videos los cuales podian compartir con sus amigos.</p>
<p>Para lograr la tan famosa y deseada &#8220;viralidad&#8221; incluimos dos aplicaciones complementarias dentro de la aplicacion &#8220;paraguas&#8221;. Parte de la estrategia fue acompañar  la votación con la primera y luego de un tiempo lanzar la segunda. Eso ayudo a generar mas interaccion entre los usuarios. Esas aplicaciones fueron (en orden de aparición): <em>Premia a tus amigos </em>y<em> Nomina a tus amigos.</em></p>
<p>Con <strong>Premia a tus amigos</strong> podías enviar lenguas blancas y negras a tus amigos en diferentes categorías. Hasta el momento se enviaron mas de <strong>250.000 lenguas</strong>! En cambio con <em>Nomina a tus amigos</em> tratamos de simular los premios MTV, donde el creador de la nominación podía elegir a los nominados y los amigos de todos ellos podían elegir al ganador. Se crearon mas de <strong>40.000 nominaciones </strong>donde el mínimo de participantes son 3 amigos, por lo que la exposición se multiplica mínimo por 3!</p>
<p>Ahora bien. ¿Como se logra tener <strong>250.000</strong><strong> usuarios activos por mes</strong> y tanto engagement con los usuarios? ¿Como se logra tanta viralidad sin gastar un solo peso en medios? La respuesta es sencilla, pero a la vez compleja.</p>
<p>Si bien la idea es importante, lo principal es entender como funcionan los canales virales. Como se generar las relaciones entre los amigos, que clase de contenido es relevante para el usuario y como todos estos factores juegan en conjunto y generan una sinergía que impulsa, tanto a la marca como a la aplicación.</p>
<p>Por todo esto la aplicación de Los Premios MTV 2009 fue todo un éxito y esta en lo mas alto!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.altodot.com/2009/11/14/los-premios-mtv-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bienvenidos a lo más Alto</title>
		<link>http://blog.altodot.com/2009/11/05/bienvenidos-a-lo-mas-alto/</link>
		<comments>http://blog.altodot.com/2009/11/05/bienvenidos-a-lo-mas-alto/#comments</comments>
		<pubDate>Fri, 06 Nov 2009 04:22:45 +0000</pubDate>
		<dc:creator>Antón Chalbaud</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://blog.altodot.com/?p=3</guid>
		<description><![CDATA[Ya pasaron más de dos meses desde que junto a Matías Paterlini y Claudio Cohen empezamos a darle vida a lo que hoy es Altodot, y ya era hora de dar a conocer lo que estuvimos haciendo !!!
Desde el primer día estuvimos con muchísimo trabajo. Al mismo tiempo que armabamos la compañía, contratabamos a los [...]]]></description>
			<content:encoded><![CDATA[<p>Ya pasaron más de dos meses desde que junto a <a href="http://ar.linkedin.com/in/paterlinimatias">Matías Paterlini</a> y <a href="http://ar.linkedin.com/in/claudiocohen">Claudio Cohen</a> empezamos a darle vida a lo que hoy es <a href="http://www.altodot.com">Altodot</a>, y ya era hora de dar a conocer lo que estuvimos haciendo !!!</p>
<p>Desde el primer día estuvimos con muchísimo trabajo. Al mismo tiempo que armabamos la compañía, contratabamos a los primeros miembros del equipo, etc., teníamos que estar entregando los primeros desarrollos, y corríamos para empezar a lanzar los primeros productos de lo que después llamaríamos  &#8220;Altodot Labs&#8221;.</p>
<p>En  este corto tiempo de vida de Altodot, ya contamos con clientes directos como MTV, Turner Televisión, GranTV (Discovery Channel), y  hemos sido la compañía detrás de muchas de las aplicaciones lanzadas en este último tiempo por diversas agencias, para muchas de las marcas más importantes en América Latina.</p>
<p>Además de esto, como nos parecía que era poco, lanzamos los primeros experimentos de Altodot Labs. Uno de ellos, una aplicación para Facebook, logró llegar a los casi 2 millones de usuarios en menos de 3 semanas. ¿Casualidad? No creo&#8230; Tenemos un equipo con más de 2 años de experiencia tanto en marketing y comunicación sobre plataformas sociales, como en el área técnica, y para tener este tipo de &#8220;hits&#8221; hace falta que las dos areas trabajen de la mano, y tengan muy claro lo que están haciendo.</p>
<p>En los próximos posts iremos contando un poco más sobre lo que hacemos. La idea hoy, es presentar Altodot en sociedad, y explicar para qué creamos esta compañía.</p>
<p>Vemos que la mayoría de las organizaciones y empresas que intentan &#8220;entrar&#8221; en el mundo de la web 2.0, no tienen muy claro como hacerlo, o lo hacen mal. Ahí es donde entra Altodot, para ofrecer soluciones integradas al negocio de nuestros clientes. No pensamos en una campaña, en una promoción. Queremos ir más allá de eso, sabemos que se puede ir más allá, y en muchos casos, ni siquiera es una restricción presupuestaria la que lo impide, sino una restricción paradigmática sobre como se debería comunicar un producto, servicio, idea, o concepto.</p>
<p>Nos gusta encarar los proyectos pensando como consultores, comunicadores, y técnicos. Todo junto. Creemos que es la forma de ofrecer soluciones reales, que realmente se pagan &#8220;solas&#8221;. Que se desarrollan pensando en el negocio de nuestros clientes, no solo en la campaña del mes que viene.</p>
<p>Además de trabajar para terceros, Altodot desarrolla proyectos propios sobre plataformas sociales. Esto nos brinda la posibilidad de experimentar, saber escalar una aplicación, y entender mejor la dinámica de las redes sociales, en carne propia.</p>
<p>Como empezaba esa canción de Deró años atras &#8230; &#8220;Bienvenidos, a lo mas alto&#8221; <img src='http://blog.altodot.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.altodot.com/2009/11/05/bienvenidos-a-lo-mas-alto/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
