Buenas betas, en este tutorial les explicaré como hacer esta aplicación viral de Twitter que funciona mas o menos de la siguiente manera:
El usuario entra al sitio → acepta los permisos de la aplicación → se envía un tweet automáticamente desde su cuenta recomendando la aplicación.
Así lo ven sus seguidores, ellos entran a la aplicación y se repite el mismo proceso, una y otra vez, luego con todas esas cuentas que han aceptado la aplicación pueden dar retweets, favoritos, también pueden seguir a una cuenta o enviar un tweet.
Decidí hacer este tutorial porque es muy poca la información que se encuentra sobre esto y si a alguien le sirve para futuros proyectos o simplemente para aprender, estaré satisfecho :encouragement:. El proceso es sencillo puesto que casi todo ya esta montando, solo tienen que instalarlo y hacer uno que otro cambio, de igual modo explicaré manera detallada para que entiendan claramente como funciona todo.
Bueno, comencemos:
¿Que necesitamos para realizar el tutorial?
— Hosting y dominio
— Filezilla ó cualquier otro cliente FTP
— Sublime text 2, Notepad++ ó cualquier otro editor de código
— Una cuenta en Twitter (no importa si no tiene seguidores o tweets)
— Nivel de conocimiento web: Basico
Bien, una vez tengamos esto, lo primero que vamos a hacer descargar este .zip desde MEGA (contraseña: forobeta2014) que contiene dos directorios que llevan por nombre twando y edadmental. Twando es el script que nos permitirá gestionar todas las cuentas de Twitter que han aceptado la aplicación y en la carpeta edadmental esta todo lo que usuario verá cuando entre en el sitio web de la aplicación.
Nota: Esta es una versión del script Twando editada por mi, le agregué la opción para dar retweets y favoritos desde todas las cuentas ya que en la versión original no se puede, esta versión editada no esta en ninguna otra pagina de internet, solo aquí.
Descomprimimos el .zip y subimos los dos directorios a nuestros hosting
Ahora tenemos que crear una base de datos, esto lo podemos hacer desde el panel de administración de nuestro hosting (Asumo que saben como hace esto)
Una vez tengamos hecha nuestra base de datos, vamos al directorio /twando/inc y editamos el archivo config.php
Aquí, vamos a editar las lineas 11, 12, 13 que son los datos necesarios para que el script se conecte con la base de datos y allí almacenar las credenciales de los usuarios y todo lo demás. También debemos editar las lineas 21 y 22 que serán los datos que usaremos para acceder al panel de administración de Twando.
Después de esto, entramos al directorio donde esta twando desde el navegador, en mi caso seria algo así porque hice un directorio aparte para realizar el tutorial
Si colocaron los datos de la base de datos bien, les aparecerá algo así, aquí solo ponen su nombre de usuario y contraseña de twando, las que editamos en las lineas 21 y 22 del archivo config.php
Una vez iniciamos sesion en el script Twando, nos mostrará esto, aquí tenemos que seguir los pasos que nos indican:
El primero es hacer click en "click here to install the MySQL tables"
Luego nos vamos a Twitter e iniciamos sesión con nuestra cuenta, despues nos entramos en https://dev.twitter.com/apps/new. Rellenamos el formulario de la siguiente manera:
En el input donde nos pide la URL del callback.php, ponen tudominio.com/twando/callback.php o donde hayan subido la carpeta twando, en mi caso esta en twappz.com/tutorial/twando/callback.php
Una vez hayan registrado su aplicación, se van a Permissions y eligen Read, Write and Access direct messages que son los permisos que tendrá nuestra aplicación sobre las cuentas de los usuarios que acepten la aplicación
*IMPORTANTE*: Para otorgarle estos permisos a su aplicación deben agregar un numero de móvil a su cuenta de Twitter, aquí se explica como: ¿Cómo agregar tu número de móvil a tu cuenta?
Ahora vamos a API Keys y copiamos API Key y API secret
Y los pegamos en el twando como nos lo pide, luego clickeamos Save Values!
Ya en este punto nuestro twando esta listo para gestionar las cuentas, ahora debemos editar los archivos en el directorio "edadmental"
Nos vamos a Filezilla o al cliente FTP que estemos utilizando y entramos en el directorio "edadmental", allí encontraremos un index.php, le damos click derecho y editamos
Nos situamos en la linea 97 y editamos la url del href por la pagina principal de nuestra aplicación, a mi me quedaría así
Ahora bajamos hasta la linea 111 y cambiamos la url del href por el archivo de redirect.php de nuestro twando que debe estar ubicado en tudominio.com/twando/redirect.php, en mi caso queda así
*ATENCIÓN ESTE PASO ES IMPORTANTE*
Debemos dirigirnos al directorio twando a traves del cliente FTP y editamos el archivo callback.php
En este archivo cambiamos las siguientes lineas:
Linea 59: Esta linea hace que el usuario, al aceptar la aplicación siga automáticamente al usuario con esa id, para saber la id de un usuario pueden usar esta pagina: http://gettwitterid.com/ (Si no quieren que el usuario siga alguna cuenta, borren esta linea)
Linea 61: En esta linea editamos el tweet que enviará el usuario automáticamente luego de que acepte la aplicación
Linea 66: Luego de que acepte la aplicación, el usuario será redireccionado a esta pagina, deben colocar esta: tudominio.com/edadmental/analizar
Quedaría algo así
Ahora volvemos al directorio edadmental y vamos a edadmental/analizar y editamos el archivo index.php
Editamos la linea 15, colocando la URL tudominio.com/edadmental/resultado y la linea 33 colocando la URL de la pagina principal de la aplicación tudominio.com/edadmental, como se muestra en la imagen
Nos dirigimos ahora a edadmental/resultado y editamos el index.php
En la linea 32 cambiamos el URL por el de la pagina principal de nuestra aplicación tudominio.com/edadmental/
Y en la linea 84 hacemos lo mismo
Ahora les explicaré en que consiste este archivo, únicamente lo que hace es mostrar un mensaje aleatorio de una lista de mensajes cada vez que alguien entra a la pagina, como en este ejemplo la aplicación dice nuestra edad mental según los tweets, escribe 10 mensajes con edades desde 15 hasta 25 y al final de todo el proceso, les mostrará uno de esos mensajes, como si de verdad hubiese analizado los tweets.
En esta parte del código del archivo edadmental/resultado/index.php esta la lista de los mensajes
¡Y LISTO!
Ya nuestra aplicación viral para Twitter esta lista, ahora solo tienes que publicar el link en Twitter y esperar que empiecen a llegar usuarios.
Aquí pueden ver el tweet que se envía automáticamente: https://twitter.com/OreoPorn_/status/501083425395445760
Y así se ve esa misma cuenta en el panel de administración de Twando:
Cuando tengan varias cuentas se verá así:
Cuando tengan varias cuentas, pueden usar las "Multi Account Functions" que sirve para mandar un tweet , hacer retweet, hacer favorito o seguir a una cuenta desde todas las cuentas.
Para hacer retweet o favorito a un tweet, solo necesitan el id del tweet, que se extrae desde la URL del tweet. Por ejemplo:
Del tweet https://twitter.com/OreoPorn_/status/501083425395445760 la id son los números del final, que serian 501083425395445760
Pegan el id en el cuadro y clickean en "Post Tweet" y esperan.
No se queden solo con esta aplicación que dice la edad mental, pueden usar su imaginación y hacer otra que diga que animal eres según tus tweets o que color eres según tus tweets, la idea es ser creativos y hacer algo llamativo para los usuarios. Y bueno si saben PHP y conocen la API de twitter pueden hacer algo mas elaborado porque reconozco que esto es muy básico y rudimentario, pero cumple con el propósito y es lo que importa.
El usuario entra al sitio → acepta los permisos de la aplicación → se envía un tweet automáticamente desde su cuenta recomendando la aplicación.
Así lo ven sus seguidores, ellos entran a la aplicación y se repite el mismo proceso, una y otra vez, luego con todas esas cuentas que han aceptado la aplicación pueden dar retweets, favoritos, también pueden seguir a una cuenta o enviar un tweet.
Decidí hacer este tutorial porque es muy poca la información que se encuentra sobre esto y si a alguien le sirve para futuros proyectos o simplemente para aprender, estaré satisfecho :encouragement:. El proceso es sencillo puesto que casi todo ya esta montando, solo tienen que instalarlo y hacer uno que otro cambio, de igual modo explicaré manera detallada para que entiendan claramente como funciona todo.
Bueno, comencemos:
¿Que necesitamos para realizar el tutorial?
— Hosting y dominio
— Filezilla ó cualquier otro cliente FTP
— Sublime text 2, Notepad++ ó cualquier otro editor de código
— Una cuenta en Twitter (no importa si no tiene seguidores o tweets)
— Nivel de conocimiento web: Basico
Bien, una vez tengamos esto, lo primero que vamos a hacer descargar este .zip desde MEGA (contraseña: forobeta2014) que contiene dos directorios que llevan por nombre twando y edadmental. Twando es el script que nos permitirá gestionar todas las cuentas de Twitter que han aceptado la aplicación y en la carpeta edadmental esta todo lo que usuario verá cuando entre en el sitio web de la aplicación.
Nota: Esta es una versión del script Twando editada por mi, le agregué la opción para dar retweets y favoritos desde todas las cuentas ya que en la versión original no se puede, esta versión editada no esta en ninguna otra pagina de internet, solo aquí.
Descomprimimos el .zip y subimos los dos directorios a nuestros hosting
Ahora tenemos que crear una base de datos, esto lo podemos hacer desde el panel de administración de nuestro hosting (Asumo que saben como hace esto)
Una vez tengamos hecha nuestra base de datos, vamos al directorio /twando/inc y editamos el archivo config.php
Aquí, vamos a editar las lineas 11, 12, 13 que son los datos necesarios para que el script se conecte con la base de datos y allí almacenar las credenciales de los usuarios y todo lo demás. También debemos editar las lineas 21 y 22 que serán los datos que usaremos para acceder al panel de administración de Twando.
Después de esto, entramos al directorio donde esta twando desde el navegador, en mi caso seria algo así porque hice un directorio aparte para realizar el tutorial
Si colocaron los datos de la base de datos bien, les aparecerá algo así, aquí solo ponen su nombre de usuario y contraseña de twando, las que editamos en las lineas 21 y 22 del archivo config.php
Una vez iniciamos sesion en el script Twando, nos mostrará esto, aquí tenemos que seguir los pasos que nos indican:
El primero es hacer click en "click here to install the MySQL tables"
Luego nos vamos a Twitter e iniciamos sesión con nuestra cuenta, despues nos entramos en https://dev.twitter.com/apps/new. Rellenamos el formulario de la siguiente manera:
En el input donde nos pide la URL del callback.php, ponen tudominio.com/twando/callback.php o donde hayan subido la carpeta twando, en mi caso esta en twappz.com/tutorial/twando/callback.php
Una vez hayan registrado su aplicación, se van a Permissions y eligen Read, Write and Access direct messages que son los permisos que tendrá nuestra aplicación sobre las cuentas de los usuarios que acepten la aplicación
*IMPORTANTE*: Para otorgarle estos permisos a su aplicación deben agregar un numero de móvil a su cuenta de Twitter, aquí se explica como: ¿Cómo agregar tu número de móvil a tu cuenta?
Ahora vamos a API Keys y copiamos API Key y API secret
Y los pegamos en el twando como nos lo pide, luego clickeamos Save Values!
Ya en este punto nuestro twando esta listo para gestionar las cuentas, ahora debemos editar los archivos en el directorio "edadmental"
Nos vamos a Filezilla o al cliente FTP que estemos utilizando y entramos en el directorio "edadmental", allí encontraremos un index.php, le damos click derecho y editamos
Nos situamos en la linea 97 y editamos la url del href por la pagina principal de nuestra aplicación, a mi me quedaría así
Ahora bajamos hasta la linea 111 y cambiamos la url del href por el archivo de redirect.php de nuestro twando que debe estar ubicado en tudominio.com/twando/redirect.php, en mi caso queda así
*ATENCIÓN ESTE PASO ES IMPORTANTE*
Debemos dirigirnos al directorio twando a traves del cliente FTP y editamos el archivo callback.php
En este archivo cambiamos las siguientes lineas:
Linea 59: Esta linea hace que el usuario, al aceptar la aplicación siga automáticamente al usuario con esa id, para saber la id de un usuario pueden usar esta pagina: http://gettwitterid.com/ (Si no quieren que el usuario siga alguna cuenta, borren esta linea)
Linea 61: En esta linea editamos el tweet que enviará el usuario automáticamente luego de que acepte la aplicación
Linea 66: Luego de que acepte la aplicación, el usuario será redireccionado a esta pagina, deben colocar esta: tudominio.com/edadmental/analizar
Quedaría algo así
Ahora volvemos al directorio edadmental y vamos a edadmental/analizar y editamos el archivo index.php
Editamos la linea 15, colocando la URL tudominio.com/edadmental/resultado y la linea 33 colocando la URL de la pagina principal de la aplicación tudominio.com/edadmental, como se muestra en la imagen
Nos dirigimos ahora a edadmental/resultado y editamos el index.php
En la linea 32 cambiamos el URL por el de la pagina principal de nuestra aplicación tudominio.com/edadmental/
Y en la linea 84 hacemos lo mismo
Ahora les explicaré en que consiste este archivo, únicamente lo que hace es mostrar un mensaje aleatorio de una lista de mensajes cada vez que alguien entra a la pagina, como en este ejemplo la aplicación dice nuestra edad mental según los tweets, escribe 10 mensajes con edades desde 15 hasta 25 y al final de todo el proceso, les mostrará uno de esos mensajes, como si de verdad hubiese analizado los tweets.
En esta parte del código del archivo edadmental/resultado/index.php esta la lista de los mensajes
¡Y LISTO!
Ya nuestra aplicación viral para Twitter esta lista, ahora solo tienes que publicar el link en Twitter y esperar que empiecen a llegar usuarios.
Aquí pueden ver el tweet que se envía automáticamente: https://twitter.com/OreoPorn_/status/501083425395445760
Y así se ve esa misma cuenta en el panel de administración de Twando:
Cuando tengan varias cuentas se verá así:
Cuando tengan varias cuentas, pueden usar las "Multi Account Functions" que sirve para mandar un tweet , hacer retweet, hacer favorito o seguir a una cuenta desde todas las cuentas.
Para hacer retweet o favorito a un tweet, solo necesitan el id del tweet, que se extrae desde la URL del tweet. Por ejemplo:
Del tweet https://twitter.com/OreoPorn_/status/501083425395445760 la id son los números del final, que serian 501083425395445760
Pegan el id en el cuadro y clickean en "Post Tweet" y esperan.
No se queden solo con esta aplicación que dice la edad mental, pueden usar su imaginación y hacer otra que diga que animal eres según tus tweets o que color eres según tus tweets, la idea es ser creativos y hacer algo llamativo para los usuarios. Y bueno si saben PHP y conocen la API de twitter pueden hacer algo mas elaborado porque reconozco que esto es muy básico y rudimentario, pero cumple con el propósito y es lo que importa.
Para los que quieren ver como es todo el proceso, aquí hay una demo:
Edad mental - Tu edad mental según tus tweets
Edad mental - Tu edad mental según tus tweets
Eso es todo amigos, espero les haya sido útil este post, no olviden dejar un me agrada
Cualquier duda dejar en el tema y con gusto los ayudaré en lo que pueda :encouragement:
Cualquier duda dejar en el tema y con gusto los ayudaré en lo que pueda :encouragement: