Archivo de la categoría ‘Marketing en Internet’
APLICACION FBML FACEBOOK , CARGANDO ARCHIVOS SWF FLASH, APLICACION FBML FACEBOOK
Este video muestra como cargar los archivos de tipo swf en la aplicación FBML, en esta caso estamos utilizando un sencillo codigo script en nuestra caja de aplicación FBML para que se pueda visualizar nuestros videos y flash en nuestra pagina de fans facebook.
Aquí esta el video Tutorial:
La nueva colección ActionScript 3.0 para Facebook

La nueva colección ActionScript 3.0 para Facebook cliente API de la plataforma, totalmente compatible con Facebook y Adobe, hace que sea fácil crear aplicaciones que combinan los puntos fuertes de la Plataforma Flash y la Plataforma Facebook.
La Plataforma Adobe Flash y Facebook Platform, proporcionan la solución ideal para la creación de ricas experiencias sociales en la web.
Flash está disponible en más del 98% de los ordenadores conectados a Internet, para que la gente puede disponer inmediatamente de las aplicaciones, contenido y video que permiten las interacciones sociales.
La Plataforma de Facebook es usada por millones de personas todos los días para comunicarte y compartir con tus amigos y demas personas en general.
En conjunto, las dos plataformas le permiten:
- Compartir: Crear ricas interacciones para los usuarios puedan compartir con amigos.
- Que se diviertan: Hacer juegos sociales, permiten a los usuarios competir contra sus amigos.
- Connect: Permite a los usuarios conectarse, mediante Facebook Connect.
- Resolver problemas: Construir acuerdos de integración regional que permita aprovechar el poder de la comunidad.
- Llegar a la gente: millones alcance de los usuarios de Facebook a través de la distribución social.
Primeros pasos
Para tutoriales, artículos y vídeos sobre el uso de la nueva API, visite el página de Facebook en el Centro de desarrollo de Adobe. También puede ver el documentos la información más reciente y estable.
Proyecto de Historia
La API fue desarrollado originalmente por Jason Crist y es autor bajo la dirección de Terralever, una firma de marketing online con fuerza en los medios de comunicación basados en Flash. Aunque Adobe ha hecho suya, al día de hoy la gestión del proyecto, Jason todavía mantiene un papel de consultoría. Bajo la dirección de Adobe, el experimentado equipo humano altamente de Flash y Flex de expertos gskinner.com han desarrollado la arquitectura de la última versión de la API.
Si usted está buscando el código obsoleto y ejemplos, vea el “tag/version2 ‘directorio en el repositorio o buscar archivos con la etiqueta’ obsoletas ‘en la sección de descargas.
Para preguntas y consultas acerca de esta biblioteca, por favor póngase en contacto con Daniel Dura de Adobe Systems a través de un correo electrónico a ddura@adobe.com. Presentar informes de errores, parches, o peticiones de nuevas funcionalidades a través del seguimiento de incidencias.
Encuentre aquí el canal de información facebook-actionscript-api
kompozer
KompoZer es un completo sistema de autoría web que combina la gestión de archivos web y fácil de usar WYSIWYG Web de edición de páginas.
KompoZer está diseñado para ser extremadamente fácil de usar, por lo que es ideal para usuarios técnicos informáticos-no que quieren crear un aspecto profesional de sitios web atractivos, sin necesidad de saber HTML o en la web de codificación.
Tecnología:
KompoZer está basado en Gecko, el motor de diseño dentro de Mozilla, es un super-rápido, muy confiable, conformes motor de normas mantenido a diario por una amplia comunidad de desarrolladores. Su apoyo notable de XML, CSS y JavaScript ofrece la mejor plataforma de creación en el mercado. Su arquitectura basada en XUL la convierte en una herramienta de edición extensible.
KompoZer es una herramienta independiente, de ahí su pequeño tamaño y alta velocidad.
Aquellos que están familiarizados con la interfaz de DreamWeaver se sentirán como en casa con KompoZer:
- WYSIWYG de edición de páginas, haciendo la creación web tan fácil como escribir una carta con su procesador de textos.
- Integrado de gestión de archivos vía FTP. Simplemente ingrese a su sitio web y navegar a través de sus archivos, edición de páginas web sobre la marcha, directamente desde su sitio.
- Confiable HTML creación de código que funcione con todos los navegadores más populares del momento.
- Saltar entre WYSIWYG Modo de edición y HTML utilizando pestañas.
- edición de pestañas para que el trabajo en varias páginas al instante.
- el apoyo de gran alcance para formularios, tablas y plantillas.
- La forma más fácil de usar, más potente sistema de autoría Web de escritorio disponible para Linux, Microsoft Windows y los usuarios de Apple Macintosh.
Detalles sobre las características y capacidades:
Administrador del sitio FTP.
Con KompoZer, todos los sitios que ha especificado en su configuración de publicación se puede consultar en una barra lateral. Usted puede obtener una vista de árbol de un sitio, el Explorador de carpetas panel de la, o un directorio-de sólo ver uno, el Explorador de directorio de ver la. Es También es posible filtrar los archivos y mostrar todos los archivos, o sólo los documentos HTML o archivos de imagen. La zona de navegación también permite mostrar para cada archivo de su tamaño y la fecha de última modificación.
Un selector de color nueva.
KompoZer ha extendido una nueva colorpicker, más conformes a lo que la mayoría de usuarios están acostumbrados. Establecer un color de su azul y verde componentes rojo, o de su tono y saturación de brillo. O simplemente utilizar su ratón para seleccionar el color que desee.
Aquí!
Uno de los asesinos de características de Firefox de Mozilla ya está disponible en KompoZer! Tiene una única ventana en la pantalla y editar varios documentos al mismo tiempo, cada documento que tenga su propio Undo / Redo pila! Sólo vistazo a las fichas para saber si un documento tiene que ser salvado o no!
CSS editor.
hojas de estilo Crear y gestionar fácilmente los estilos adjunta a los documentos. Usted puede ver la configuración de estilo aplicado “en vivo” al documento que está editando.
Un toque de estilo (s)
Con KompoZer, haga clic en cualquier elemento de la barra de herramientas y podra fijar directamente sus propiedades de estilo.
barras de herramientas personalizables.
Sólo personalizar la barra de herramientas y mostrar sólo los botones que desea / necesita.
Formularios.
Disfruta de una interfaz de usuario basada en XUL para editar todas sus formas, y editar todos sus elementos de formulario.
Limpiador de marcado.
KompoZer contiene algún mecanismo para deshacerse de la mayoría de los MedlinePlus molesto. Combinado con la capacidad de llamar a los validador del W3C HTML dentro de KompoZer harás, limpio documentos válidos.
XFN.
Cuando se crea un nuevo enlace a un recurso externo, o cuando se modifica un enlace existente, ahora puede añadir información de la red Amigos XHTML decir que el propietario de ese recurso es alguien que usted conoce y confía.
marcas visibles.
En un diseño de página complejo, a menudo necesita ver visibles retornos de carro y los bordes del bloque. KompoZer ahora lo puede hacer por ti. Y, por supuesto, todo es controlado por una hoja de estilo CSS para que puedas personalizar las marcas y reemplazarlas por su cuenta.
Tabla / cambiar el tamaño de la célula gobernantes.
A la izquierda y la parte superior lateral de la pestaña abierta se encuentra la tabla conveniente cambiar el tamaño de los gobernantes que le ayudará a ajustar fácilmente el tamaño de filas y columnas en una tabla en la página web que diseño.
Corrector ortográfico automático.
El corrector ortográfico integrado en línea pondrá de relieve todas las palabras mal escritas mientras escribe para garantizar la ortografía correcta en toda la página Web completa.
Última versión estable: 0.7.10 (08/30/2007)
Última versión de desarrollo: 0.8b3 (02/28/2010)
KompoZer es software libre. aquí tiene la descarga de esta producto, directamente desde su sitio oficial:
KompoZer 0,7 langpacks están disponibles aquí.
21 idiomas soportados!
Esta versión no está recomendado para usuarios de Mac Intel: KompoZer 0,7 sólo está disponible como una construcción de PPC para esta plataforma.
Advertencia: esta versión NO funciona con las recientes distros GNU / Linux.
KompoZer 0.7 no es compatible con GTK ? 2,14 – esperan que se bloquea. Si estás usando una distro de Linux que se incluye KompoZer 0.7.10 con GTK ? 2,14, por favor informe a los encargados del paquete acerca de esto.
Nueva aplicación Analítica Insights de facebook
Con la nueva aplicación Analítica Insights de facebook, puede obtener análisis detallados sobre los datos demográficos de sus usuarios y cómo los usuarios comparten desde su aplicación con Insights.
La API gráfico proporciona acceso mediante programación a todos estos datos para que pueda integrar los datos de la plataforma en sus propios sistemas, “herramienta de análisis personalizado”.
Comments facebook o cuadro de comentarios facebook
Sobre Comments o comentarios facebook.
El cuadro de comentarios facebook permite a los usuarios hacer un comentario sobre el contenido de su sitio – ya sea para una página web, artículo, foto, u otra pieza de contenido. Entonces el usuario puede compartir el comentario de Facebook en su Sitio Web y compartirlos con sus amigos y seguidores.
En todo caso es importante saber como encontrara esta aplicación…
Lo primero sera tener a la mano nuestro “Id. único“, este se refiere al numero que nos identifica en facebook.
El SDK de JavaScript le permite acceder a todas las funciones de la API gráfica a través de JavaScript, y proporciona un rico conjunto de funcionalidades del lado del cliente para la autenticación y el intercambio. El SDK JavaScript es necesario utilizar las versiones de los plugins XFBML Social. Para utilizar el SDK de JavaScript, deberá registrar su solicitud.Asegúrese de que su dominio se establece en base a la URL base del sitio donde residirá la aplicación.
Por ejemplo el uso, echa un vistazo a Facebook para los sitios web y la guía de autenticación.
La forma más eficiente para cargar el SDK en su sitio es para cargarlo de forma asíncrona por lo que no bloquea al cargar otros elementos de su página:
Luego solo colocara su “Id único” entre el siguiente pequeño código script:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments xid="AQUÍ SU ID ÚNICO"></fb:comments>
Ahora bien! Seguro se estará preguntando…
¿Como consigo mi “Id único”?
En realidad esto es muy sencillo y solo le tomara unos segundos!
Aquí están los detalles:
La nueva API Facebook ha intentado simplificar drásticamente la manera de que los desarrolladores puedan leer y escribir datos en Facebook. Entonce ahora nos presenta una visión simple y consistente de la gráfica social Facebook.
Esta plataforma nos muestra la forma de utilizar y representar los objetos de manera uniforme en el gráfico.
Por ejemplo, la gente, fotos, eventos y páginas de fans. Tambien nos indica las conexiones entre ellas (por ejemplo, las relaciones de amigo, para compartir contenidos y etiquetas de fotos) .
Cada objeto en el gráfico social tiene un identificador único. Usted puede obtener los datos asociados a un objeto.
Para buscar la dirección https://graph.facebook.com / ID.
Por ejemplo, la página oficial de https://www.facebook.com/Lorenzo.Pomares.Consultor.Capacitador nos muestra el siguiente id único
"205484234621", para que pueda buscar el objeto solo tendrá que utiliza la siguiente dirección: https://graph.facebook.com/205484234621
o sencillamente así: https://graph.facebook.com/Lorenzo.Pomares.Consultor.CapacitadorEsto arrojará la siguiente respuesta: {
"id": "205484234621",
"name": "Lorenzo Pomares",
"picture": "http://profile.ak.fbcdn.net/
hprofile-ak-snc4/hs269.snc3/23282_205484234621_2152_s.jpg",
"link": "http://www.facebook.com/Lorenzo.Pomares.Consultor.Capacitador",
"category": "Public_figures_other",
"username": "Lorenzo.Pomares.Consultor.Capacitador",
"location": {
"city": "Puerto Vallarta",
"country": "Mexico",
"zip": "48315"
}
Alternativamente, las personas y las páginas con nombres de usuario pueden ser traidos usando su nombre de usuario como identificación. "Lorenzo.Pomares.Consultor.Capacitador" es el nombre de usuario de la página , https://www.facebook.com/Lorenzo.Pomares.Consultor.Capacitador entonces devolverá lo que usted espera. Todas las respuestas son objetos JSON.
Todos los objetos de Facebook se puede acceder de la misma manera:
- Users: https://graph.facebook.com/xxxxxxxxxxx
- Pages: https://graph.facebook.com/xxxxxxxxxxx
- Events: https://graph.facebook.com/xxxxxxxxxx
- Groups: https://graph.facebook.com/xxxxxxxxxx
- Applications: https://graph.facebook.com/xxxxxxxxx
- Status messages: https://graph.facebook.com/xxxxxxxxxxx
- Photos: https://graph.facebook.com/xxxxxxxxxxx
- Photo albums: https://graph.facebook.com/xxxxxxxxxxx
- Profile pictures: http://graph.facebook.com/xxxxxxxxx/picture (your profile picture)
- Videos: https://graph.facebook.com/xxxxxxxxxxx
- Notes: https://graph.facebook.com/xxxxxxxxx(Note announcing Facebook for iPhone 3.0)
Aquí tienes un ejemplo real:
http://graph.facebook.com/lorenzopomares/picture
Usted puede especificar el tamaño de la imagen que quieras con el tipo de argumento, que debería ser uno de loscuadrados (50×50), pequeñas (50 píxeles de ancho, de altura variable) y grandes (alrededor de 200 píxeles de ancho, de altura variable):
http://graph.facebook.com/lorenzopomares/picture?type=large.
Todos los objetos en el gráfico social Facebook se conectan entre sí a través de las relaciones.
Por ejemplo: Bret Taylor es un fan de la página de Coca-Cola, Bret Taylor y Lorenzo Pomares son amigos.
Para esto se hace un llamamiento utilizando esas relaciones de conexiones en nuestro API.
Puede examinar las conexiones entre los objetos utilizando la estructura de la URL https://graph.facebook.com/ID/CONNECTION_TYPE/.
Estas son Las conexiones con la ayuda para personas y las páginas que incluyen:
- Friends: https://graph.facebook.com/me/friends
- News feed: https://graph.facebook.com/me/home
- Profile feed (Wall): https://graph.facebook.com/me/feed
- Likes: https://graph.facebook.com/me/likes
- Movies: https://graph.facebook.com/me/movies
- Books: https://graph.facebook.com/me/books
- Notes: https://graph.facebook.com/me/notes
- Photo Tags: https://graph.facebook.com/me/photos
- Photo Albums: https://graph.facebook.com/me/albums
- Videos: https://graph.facebook.com/me/videos
- Events: https://graph.facebook.com/me/events
- Groups: https://graph.facebook.com/me/groups
Todos los diferentes tipos de objetos y conexiones se incluyen en la documentación de referencia API gráfico.
Bueno, creo que ahora te toca desarrollar tus aplicaciones facebook para sacar jugo en tu sitio web.
FB: foto Representa un Facebook foto
Parámetros
Nombre Tipo Descripción:
pid es una API suministrada para FB foto.
El PID no puede ser superior a 50 caracteres. (El uso de un pid en la cadena de consulta URL de una foto en Facebook, es obsoleto.)
UID int
(Obsoleto) Si el pid no es una API proporcionada por pid, esta debería ser la identificación de parámetros en la cadena de consulta usado para encontrar el pid. Esta propiedad no es compatible con la variante XFBML de esta etiqueta y es obsoleto para la variante FBML.
tamaño cadena
El tamaño de la foto para mostrar. El valor por defecto es normal. Otros valores válidos son el pulgar (t) (75px de ancho), pequeño (s) (máximo de 130px de ancho o la altura) y normal (n) (máximo de 604px de ancho o altura).
alinear cadena
La imagen de la alineación. El valor por defecto es la izquierda y el único valor válido es otro derecho.
Ejemplos:
Si usted es el formato de la etiqueta como FBML, no es necesario utilizar una etiqueta de cierre.
<fb:photo pid="12345" />
Si usted esta utilizando el formato de la etiqueta:
XFBML en Facebook Connect,
entonces debe utilizar una etiqueta de cierre.
<fb:photo pid="12345"> </ fb: foto>
Representa un reproductor de audio en facebook basado en Flash FB: mp3
Parámetros
| Nombre | Tipo | Descripción |
|---|---|---|
| src | cadena | La dirección URL del archivo de audio. La dirección URL debe ser absoluta. |
| título | cadena | El nombre de la canción. |
| artista | cadena | El nombre del artista intérprete o ejecutante de la canción. |
| álbum | cadena | El título del álbum. |
| ancho | int | La anchura del reproductor en píxeles. El valor por defecto es 300 |
| altura | int | No hace nada. El valor por defecto es de 29 |
Ejemplo:
<fb:mp3 src="http://host.com/file.mp3
"Name" title="Song artist="Song Name"/> Artist" album="Album
ActionScript 3.0 Biblioteca de la plataforma de Facebook, Graph API
Representa un Shockwave Flash (SWF) de objetos. En las páginas de perfil, una imagen aparece en primer lugar. Cuando el usuario hace clic en la imagen, se convierte en el objeto Flash.En las páginas lienzo, la imagen se pasa por alto, y el objeto Flash se incluye directamente.
Usted también puede hacer API y trabajar con las aplicaciones y script Facebook directamente para utilizar Flash.
Echa un vistazo a ActionScript 3.0 Biblioteca de la plataforma de Facebook para más información.
Ahora bien! aquí tienes el codigo script que puedes utilizar para cargar y visualizar videos utilizando las aplicaciones y script para SWF dese Graph API
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg'
width='340' height='270' />
configuración de la privacidad en facebook
Seguridad y privacidad en facebook
Quiero que sepas que aun cuando las imágenes originales cargadas por ti, sean totalmente tuyas, al cargarlas a tu facebook perderán ese valor totalmente. En este caso, cuando tu creas tu cuenta facebook, primero que todo, tienes que estar de acuerdo con las condiciones y terminos de uso de esta web 2.0.
Una de las características de este tipo de sitio es precisamente compartir información en forma de imágenes, videos, textos, en fin, todo lo relativo a tu cuenta según tu configuración de seguridad.
Para evitar que otras personas tengan acceso a tu información, tienes que reconfigurar el estado actual de tu perfil.
Puede configurarlo de tal manera que aun cuando tengas una lista de 5,000 amigos, solo 10 de ellos puedan tener acceso a cierta información que tú has preferido mantener en secreto.
Para hacer cambios en tu privacidad, solo tienes que ir a tu pestaña “CUENTA” que está en la parte superior derecha de tu perfil y seleccionar donde dice, “configuración de la privacidad”, entonces podrás activar tu cuenta según tu necesidad y prioridades.
Ahora bien mi querido amigo, voy a estudiar la forma de instalar un script que se pueda colocar utilizado la aplicación FBML Estática!
Claro que no será fácil, pero tratare, entonces si logro conseguir que funcione, te aviso.
Por el momento, este es mi aporte, según mi recomendación antes brindada.
Como invitar a tus amigos para que puedan unirse a un grupo dentro de su aplicación en facebook
Las solicitudes son una gran manera para que los usuarios inviten a sus amigos a su aplicación, incluso los usuarios pueden confirmar las conexiones desde su aplicación.
Pongamos un ejemplo:
Si el usuario Pedro quiere invitar a un usuario “María” para que pueda unirse a un grupo dentro de su aplicación, el usuario Pedro puede enviar una solicitud de usuario a “María”. Entonces Pedro podrá preguntar si el usuario “María” desea sumarse. En este ejemplo el usuario “María” recibirá la solicitud y tendrá la oportunidad de responder si o no.
Los usuarios pueden enviar solicitudes simplemente haciendo clic en la imagen de amigo y hacer clic a enviar.
El uso de etiquetas FBML puede procesar los formularios de solicitud y selectores amigo.
Hay muchas maneras de personalizar sus peticiones incluyendo la pantalla del selector de amigo, y qué opciones están disponibles para el receptor de la solicitud.
La documentación completa está disponible en ingles y la puede visualizar aquí.
Las aplicaciones Iframe sólo hay que envolverlas en una etiquetas FBML en una etiqueta para que sean compatibles y se active la función deseada.
Aquí puede ver un formulario de solicitud de ejemplo:
<fb:serverFbml>
<script type="text/fbml">
<fb:fbml>
<fb:request-form
method='POST'
type='join my Smiley group'
content='Would you like to join my Smiley group?
<fb:req-choice url="http://apps.facebook.com/smiley/yes.php"
label="Yes" />'
<fb:req-choice url="http://apps.facebook.com/smiley/no.php"
label="No" />'
<fb:multi-friend-selector
actiontext="Invite your friends to join your Smiley group.">
</fb:request-form>
</fb:fbml>
</script>
</fb:serverFbml>
El código anterior hace que este lienzo se visualice en su página:












/0.png)
/1.png)
/2.png)
/3.png)
/4.png)
/5.png)
/6.png)
/7.png)