Chat Facebook en tu web (Simulador) Chat Facebook en tu web (Simulador)


Página 1 de 2 12 ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 20
  1. #1
    Buenas, en esta ocasión aprenderemos a crear un simulador de chat (facebook) para nuestros sitios webs.

    Vale aclarar que no tendrán que programar nada, solo colocar códigos en sus respectivos lugares, configurar los textos y el script que programe trabajara solo.

    Lo que logramos con esto es que cuando el usuario haga clic en el chat, se abre una ventana con la url antes configurada.

    Pueden ver un ejemplo en esta web:
    Código HTML:
    http://www.cicklow.com/FChat/
    Descarga:
    Código HTML:
    http://www.cicklow.com/FChat/FChat.rar
    Colocar entre <head> y </head>
    Código HTML:
    <link rel='stylesheet' href='style.css?v=1' type='text/css' media='all' />
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
    <script type='text/javascript' src='config.js?v=1'></script>
    <script type='text/javascript' src='script.js?v=2'></script>
    Después de <body>
    Código HTML:
    <div id="fb-root"></div>
    Antes de </body>
    Código HTML:
    <div id="chat_face_panel" class="chat_face_style_FL"><img src="img/chat.gif"><div id="chat_face_dialog_from"><img src="img/online.gif" style="display:inline"> <font color="#ffffff"><b>#QUIEN#</b></font></div><div id="chat_face_dialog_text"><p>#IMAGEN##TEXTO#</p></div><img id="chat_face_panel_close_FL" src="img/blank.png"></div>
    (Este texto no lo editen, solo agréguenlo al final.)

    Ahora las opciones son (config.js):
    Url destino (al hacer click en el chat, se abre una ventana con esta url)
    Código HTML:
    var _URL = 'http://www.google.com.ar'; //Url Destino
    Mensaje del chat (#NOMBRE es una variable, significa el nombre del usuario logeado en facebook), pueden usar html
    Código HTML:
    var _TXT = 'Hola #NOMBRE#<br/>Mensaje bla bla bla 1<br/>Mensaje bla bla bla 2<br/>Mensaje bla bla bla 3<br/>Mensaje bla bla bla 4';
    Nombre de la persona que les escribe (virtualmente)
    Código HTML:
    var _NOM = 'Esica Romero';
    Imagen de la persona que les escribe
    Código HTML:
    var _IMG = 'http://profile.ak.fbcdn.net/hprofile-ak-ash2/370855_1602586368_952994566_q.jpg';
    ID de la aplicación en facebook:
    Código HTML:
    var _APPID = 'ID_APP';
    Y tendremos esto:


    Vale aclarar que si el usuario no esta logeado en facebook, aparece "Usuario" en lugar del nombre que usa en facebook!
    Última edición por cicklow; 06-jun-2012 a las 20:53

  2. #2
    Registro
    16-junio-2009
    Ubicación
    barcelona
    Edad
    42
    Mensajes
    1.251
    Perdon por la inocente pregunta pero ¿esto para que sirve exactamente?

  3. #3
    Cita Iniciado por budha Ver Mensaje
    Perdon por la inocente pregunta pero ¿esto para que sirve exactamente?
    Lo que logramos con esto es que cuando el usuario haga clic en el chat, se abre una ventana con la url antes configurada.

  4. #4
    Registro
    17-septiembre-2011
    Ubicación
    Santa Rosa de Copan
    Edad
    31
    Mensajes
    2.869
    Para charlar con los visitante de los blog

  5. #5
    Registro
    16-junio-2009
    Ubicación
    barcelona
    Edad
    42
    Mensajes
    1.251
    Ok, tenia esa duda, en realidad no es un chat activo, simplemte un "engaño" para re dirigir a las visitas a otra URl.

    Muchas gracias

  6. #6
    Cita Iniciado por Kenny Johnson Ver Mensaje
    Para charlar con los visitante de los blog
    Es un simulador, le hace creer al usuario que le están hablando y cuando el usuario hace clic en el chat se abre un popup con la url que configuramos.

  7. #7
    Esta muy bueno, gracias

  8. #8
    Cicklow, se agradece el aporte. El usuario debe tener "bajas" las políticas de privacidad? porque he probado estando logueado en facebook y no me ha funcionado.

    Para facebook, ¿esto es 100% legal?

    Saludos

  9. #9
    Cita Iniciado por SapoPepe Ver Mensaje
    Cicklow, se agradece el aporte. El usuario debe tener "bajas" las políticas de privacidad? porque he probado estando logueado en facebook y no me ha funcionado.

    Para facebook, ¿esto es 100% legal?

    Saludos
    Pero aparece el chat?

    Es como las publicidades que aparecen que simulan un nuevo mensaje o esas cosas. No hay problema alguno.

  10. #10
    Cita Iniciado por cicklow Ver Mensaje
    Pero aparece el chat?

    Es como las publicidades que aparecen que simulan un nuevo mensaje o esas cosas. No hay problema alguno.
    Si el chat aparece, pero no me aparece el nombre del usuario logueado, solo me aparece "Usuario".

Página 1 de 2 12 ÚltimoÚltimo


Temas similares

  1. Tutorial: Chat como el de Facebook en tu blog
    Hoy vengo con un genial truco para Blogger y es un chat pero no es un chat cualquiera,es jno como el de facebook,es muy facil de añadir y muy...
    Respuestas: 58
    Último mensaje: 22-jun-2018
  2. Simulador hipotecas para wordpress
    Alguien sabe donde puedo conseguir un simulador de hipotecas para wordpress?
    Respuestas: 0
    Último mensaje: 25-feb-2012
  3. Volver al chat viejo de Facebook
    Hola gente, acá les dejo el link que tienen que pegar en una nueva pestaña para poder volver al viejo chat de Facebook y dejar ese nuevo y muy malo...
    Respuestas: 8
    Último mensaje: 29-jul-2011
  4. Emoticones para el chat de FACEBOOK
    Después de mucho andar por el chat del facebook he aprendido algunos truquitos, y como mucha gente no los conoce aquí se los muestro. Aunque no...
    Respuestas: 4
    Último mensaje: 05-jul-2011
  5. Respuestas: 7
    Último mensaje: 11-jun-2011

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •