Ir al contenido principal

Socializar mi página web

Esta entrada esta dedicada a todas aquellas empresas y personas que quieren unir su pagina web corporativa a la red social mas grande del mundo "FACEBOOK", bueno empezare por explicar como agregar los plugins sociales de facebook como son el "me gusta", "Iniciar Sesion a través de Facebook" entre otros.

El primer plugin es el "Botón Like" el cual permite que las demas personas se enteren que esto les gusta.

Para agregar este plugin solo necesitas agregar unas cuantas lineas de codigo dentro de las etiquetas <body></body>, lo importante es que se encuentre dentro del cuepo de la pagina html, jsp, asp, etc.

<html>
    <head>
      <title>ENJAVADOS</title>
    </head>
    <body>
       <iframe src=http://www.facebook.com/plugins/like.php?href=http://www.rajonjava.blogspot.com
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>
    </body>
</html>

Reemplazar http://www.rajonjava.blogspot.com/ por la URL de tu pagina web.

El siguiente plugin es el "Botón Login With Facebook" el cual permite iniciar sesion de tu cuenta facebook desde nuestra pagina web, ademas que esa persona que inicio sesión quedara unida a nuestra pagina web y pagina facebook, pues para que realices esta operacion necesitas registrarte como desarrollador facebook y a partir de ahi crear una aplicacion para facebook, pero claro que es un truco xq tu has desarrollado nada, solo quieres tener los plugins sociales dentro de tu pagina web.


El primer paso es registrarnos como usuarios de facebook en la siguiente pantalla:



Si ya tienes cuenta en facebook es momento que te unas a facebook como desarrollar para que saques provecho de la red social.

Al iniciar sesion con facebook, te mostrara tu perfil, en la parte inferior encontraras una lista de item como la siguiente imagen:

Hacer click en el item "Desarrolladores", esto nos redireccionara a la siguiente página.


En la parte superior de esta página se encuentra el link "Mis Aplicaciones", hacer click aqui para asi poder obtener la pantalla que nos registrara como desarroladores.

Despues de hacer click en "Mis aplicaciones" nos mostrara la siguiente pagina.


Bueno en esta pantalla es obvio lo que se debe hacer "Clickear permitir" para ser un desarrollador en facebook.

El siguiente paso es crear una aplicación, para poder vincularla con nuestra pagina web, todo esto se realiza porque necesitamos permisos de facebook, ademas que necesitamos un ID_APP (Id de aplicacion) para poder tener este plugin social en nuestra página, ademas que automaticamente se crea una página de tu aplicacion web para que la administres a tu gusto, o mejor aun se podria decir que es la pagina facebook de tu pagina web.

Cuando desees crear una aplicación por primera vez no te permitira, pues facebook necesita verificar si se trata de ti, entonces hay dos opciones para validar tu cuenta desarrollador, una a través de tu celular y otra a través de tu tarjeta de credito, nosotros vamos hacerlo a con el celular.

Entonces hacemos click en "mobile phone", la siguiente pantalla nos muestra el siguiente formulario

Bueno llenen el formulario según su pais, los que somo de peru solo digitariamos el numero de celular de 9 digitos, bueno una vez hecho click en confirmar, en breves minutos nos llegara un mensaje de texto con el codigo de autenticacion, para asi autenticar la cuenta desarrollador.


El mensaje que les llego trae un codigo, dicho codigo deben digitarlo en la caja de texto codigo y confirmar, entonces todo quedara validado.


El siguiente paso es crear tu aplicacion, pero como la les mensione, su aplicacion seria su pagina web, bueno en todo caso, si en realidad fuera una aplicacion web seria mucho mejor.


En este formulario defines un nombre a tu aplicacion y aceptas las condiciones de facebook, las cuales no son tan malas, pues lo unico perjudicial es que te pueden robar la idea e implementar algo igual o parecido para que sea tu competidor "XD jajaja".

Luego de crear el nombre de tu aplicacion tendras que digitar el codigo de seguridad que te aparece en una venta igual a la siguiente.

Luego en la siguiente pantalla solo guardas los cambios, si deseas editas pero lo mas importante de todo esto es el ID_APP, el cual se encuentra marcado en la siguiente imagen.


Todo lo anterior se a realizado para poder obtener el ID de la aplicacion, bueno ahora usted vuelva a su pagina web y copia y pege este codigo:

<html>
    <head>
      <title>My ENJAVADO Login Page</title>
    </head>
    <body>
      <div id="fb-root"></div>
      <script src="http://connect.facebook.net/en_US/all.js">
      </script>
      <script>
         FB.init({
            appId:'ID_APP', cookie:true,
            status:true, xfbml:true
         });
      </script>
      <fb:login-button perms="email,user_checkins">
         Login with Facebook
      </fb:login-button>
    </body>
 </html>
Reemplazar el id de tu aplicacion en el texto 'ID_APP', guardas y ejecutas, eso es todo por ahora.

Muy pronto estare publicando un manual a un costo bajo para que todos podamos sacar provecho de facebook, los que esten interesado en el manual me comentar, solo digital, pago via paypal y en español.

Comentarios

Entradas más populares de este blog

Emprendiendo en la Nube - Arquitectura y Patrón de Diseño

Arquitectura Java para Desarrollo con GAE y GWT Soñando con el trabajo ideal, el cual sería ganar dinero por investigar, pues es lo que me gusta y  divierte, decidí emprender con una startup Tecnológica que pretende hacer de los lugares desconocidos y preciosos en lugares conocidos y visitados. Para  desarrollar una startup que pretende tener repercusión mundial, se necesita ser ordenado desde un principio, la arquitectura de software y el marco de trabajo en el proyecto es tu primera valla a superar. No pretendo criticar el desarrollo ágil por la poca documentación que genera, pienso que deberíamos tomar sus técnicas enriquecedoras, por eso combino el desarrollo clásico con el desarrollo ágil. Ahora ustedes se preguntarán por qué hablo de desarrollo ágil y clásico, si el título dice “Arquitectura Java para Desarrollo con GAE y GWT”, pues tiene mucha relación, pues los desarrolladores estamos acostumbrados a tomar  frameworks y buenas prácticas de diseño y des...

create kvm Ubuntu 20.04 with virsh by jofrantoba

wget -bqc https://mirror.freethought-internet.co.uk/ubuntu-releases/20.04/ubuntu-20.04-live-server-amd64.iso qemu-img create -f qcow2 /opt/images/oracle19c-vm.qcow2 200G sudo virt-install --name vm_ubuntu20_freenx --ram 2048 --vcpu 2 --disk path=/opt/images/ubuntu20_freenx-vm.qcow2 --os-type linux --os-variant ubuntu20.04 --network bridge=br2 --graphics vnc,listen=0.0.0.0 --console pty,target_type=serial --cdrom '/opt/iso/ubuntu-20.04-live-server-amd64.iso' Written by @jofrantoba

Extendiendo espacio de la partición raíz en linux en particiones estándar KVM - Debian 10

Ojo pestaña y ceja: Cuando realizas particiones estandar en Linux, la última partición que debes agregar es la raíz y esta debe ocupar los últimos sectores del disco. Esto porque cuando quieras extender la raíz(/) no te dará dolores de cabeza. Aquí un ejemplo en KVM /dev/vda1 swap 8G /dev/vda2 /boot 1G /dev/vda3 / 11G Extendiendo un disco virtual en qemu para KVM * Clonar KVM virt-clone --original vm_debian10_t2micro_ps --name vm_debian10_t2micro_servercapedwarf_one --file /opt/images/debian10_capedwarf_one-vm.qcow2 * Información de ubicación de disco virtual del kvm virsh domblklist vm_debian10_t2micro_servercapedwarf_one * Información de disco virtual virt-filesystems --long -h --all -a /opt/images/debian10_capedwarf_one-vm.qcow2 qemu-img info /opt/images/debian10_capedwarf_one-vm.qcow2  * Incrementar tamaño de disco virtual de 20G a 30G qemu-img resize /opt/images/debian10_capedwarf_one-vm.qcow2 +10G virsh blockresize vm_debian10_t2micro_servercapedwarf_one /opt/images/debian10_...