Gestiona tu red social : Fan page de Facebook

A partir de nuestra experiencia enumeramos algunas de las cuestiones que se deben tener en cuenta en el día a día a la hora de gestionar nuestra Fan Page.

1. La imagen de portada debe de ser coherente con la imagen de marca.
2. Información: Debemos de cumplimentar todos los apartados de manera rigurosa, clara y concisa.
3. Mensajes cortos y prácticos (250 caracteres máximo. Ideal entre 80 y 160).
4. Nº de publicaciones: Realiza 2-3 publicaciones diarias incluidos los fines de semana.
5. Contenido: regla de 70-20-10: 70% contenido relevante que resulte útil a los usuarios; 20%contenido de autopromoción pero con valor para los usuarios y 10% contenido creativo y divertido que busque la interacción y la complicidad de nuestros fans.
6. Horario de publicación: 1ª hora d la mañana (9am), 1ª hora de la tarde (14am) y última hora de la tarde (19pm) en general, será necesario adaptarla en función del sector y características del target.
7. Programa las actualizaciones con la propia plataforma de Facebook.
8. Incluye enlaces, fotos y vídeos.
9. Utiliza los hitos, ofertas y eventos para una mayor visualización solo cuando sean reales y no situaciones forzadas.
10. Utiliza una aplicación para hacer promociones cuando quieras realizar un concurso.
11. Fija en la parte superior las actualizaciones muy importantes durante el tiempo imprescindible.
12. Usa el acortador de URL o bien adjunta el enlace en la opción que tiene Facebook para ello.
13. Las imágenes que se suban  a Facebook, deben de estar optimizadas:  formato PNG; tamaño 400×400 o 400×500 las normales, y 843×400 imágenes destacadas, teniendo en cuenta que imágenes con letras pequeñas no serán legibles para los usuarios.
14. Usa tono informal pero profesional en todo momento.
15. Utiliza las etiquetas que se correspondan con nuestras Keywords.
16. Usa contenidos de la página web pero adaptándolo adecuadamente
17. Interactúa y responder con trasparencia y sinceridad.
18. Responde a todos los comentarios o consultas que nos dejen, ya sea los dejamos directamente en el muro o aquellos que son publicados en las actualizaciones que hagamos en la página.
19. Solicita periódicamente la opinión de nuestros seguidores
20. Promociona  la página y publicaciones.
21. Mantén los principios éticos y normas de cortesía.
22. No sincronices cuenta de Twitter con Facebook.
23. Une esfuerzos, y mantén imagen con otras campañas y redes.
24. Revisión diaria de contenidos, comentarios y mensajes.
25. Revisión semanal y mensual de estadísticas, sin obsesionarse con ellas.

Redes sociales : Tamaños de imágenes para facebook, twitter, linkedin, pinterest y youtube

La información incluye el tamaño que deberían tener de las imágenes que se suben a plataformas como Twitter, Facebook, Google+, Instagram, LinkedIn, Tumblr y Pinterest. Además también incluye algunos detalles importantes a tener en cuenta.

Veamos:

TWITTER

• Foto de fondo: 1280 x 1024
• Foto de encabezado: 1500 x 500
• Foto de perfil: 400 x 400
• Foto de publicación: 440 x 220

FACEBOOK

• Foto de portada: 851 x 315
• Foto de perfil: 180 x 180
• Foto de publicación: 1200 x 900
• Foto de enlace: 1200 x 627

GOOGLE+

• Foto de portada: 1088 x 608
• Foto de perfil: 250 x 250
• Foto de publicación: 497 x 279

INSTAGRAM

• Foto de perfil: 110 x 110
• Foto de publicación: 640 x 640

PINTEREST

• Foto de perfil: 165 x 165
• Foto de publicación: 222 x 150

TUMBLR

• Foto de perfil: 128 x 128
• Foto de publicación: 570 x 750

YOUTUBE

• Foto de portada: 2460 x 1440
• Tamaño del video: 1280 x 760

LINKEDIN

• Foto de logo: 100 x 60
• Foto de portada: 974 x 300
• 
  
• CLIC EN LA IMAGEN
• 

crear ACCESS TOKEN FACEBOOK

Cómo conseguir un “access_token” para acceder a datos remotamente de páginas en facebook, o lo que se tercie que se necesite.

Lo cierto es que cada vez me cuesta más entender según que cosas. Pero ahora FB (no sé desde cuando) requiere que se meta un “access_token” para leer datos de páginas y demás. En general es una manera de autentificar las conexiones a FB y evitar que la información pública (páginas de facebook) no sea tan accesible desde el exterior de la red.

Un cliente alimenta su web con el contenido que va publicando en FB, hasta ahora no había problemas pero no sabemos desde cuando el acceso esta denegado por un:

{
"error": {
"type": "OAuthException",
"message": "An access token is required to request this resource."
}
}

Pues a crear un “access token”!!! no es complicado, jejeje, si se saben los pasos (algo más de una hora me ha llevado entender lo que tenía que hacer).

Primero… crear una Aplicación de FB en developers/createapp.

Con crearla y guardarla es suficiente, de ahí sacaremos los dos datos que necesitamos:

Luego sólo necesitamos coger el “Application ID” y el “App secret” y sustituirlos en esta URL, y ponerla en el navegador:

https://graph.facebook.com/oauth/access_token?client_id=APP_ID&client_secret=APP_SECRET&grant_type=client_credentials

y ya tenemos nuestro access_token:

Y ya podemos acceder a los datos del muro que luego utilizamos a nuestro gusto.

Y antes decía no entendía porque las páginas en principio son públicas, sólo se necesita “access_token” si ésta tiene alguna restricción de edad o país, y no es el caso de ninguna de las que he tenido que utilizar, pero lo requería. ¿?¿?¿?

Por supuesto la App “rafaespada” no existe en facebook!!!

Conocer si quien visita es Fan de FB, de lo contrario invitarlo

En primer lugar, como ya he explicado en post anteriores, debemos crear una aplicación sencilla donde le pidamos el permiso para acceder a sus datos de fb. Nada del otro mundo.
Luego,con el siguiente codigo, podemos saber si quien nos visita, le ha dado clicks a nuestro fan page en FB : 

todo el siguiente codigo debe ser invocado desde otro lugar, en este caso usaremos un iframe que llame a todo este html, por ejemplo : wwwmidominio.com/esfan.html y lo llamaremos asi:

<iframe scrolling="no" style="border:none; overflow:hidden; width:400px; height:200px;" src="wwwmidominio.com/esfan.html"></iframe>

y wwwmidominio.com/esfan.html  vendria a ser todo lo siguiente :

<html>
<head>

<style>


.box_img-background {
  background: #DDDDDD ;
  width: 460px !important;
  height: 200px;
  float: left;
  position: relative;
}
.box_img-background .box_rs {
  position: absolute;
  left: 50px;
  top: 25px;
}

.box_img-fan {
  background: black url(http://ranking2013.studio92.com/tmp/img/img-esfan.jpg) no-repeat 0 0;
  width: 460px !important;
  height: 200px;
  float: left;
  position: relative;
}
.box_img-fan .box_rs {
  position: absolute;
  left: 50px;
  top: 25px;
}

</style>

//**CAMBIAR CON EL LINK DE TU FAN PAGE**//

</HEAD>
<body>
  <div id="iframee" class="box_img-background"  style="display:none; padding: 15px;">
  <div class="fb-like-box" data-href="https://www.facebook.com/ [TU PAGINA FB] " data-width="400" data-show-faces="false" data-stream="false" data-header="false"></div>
  </div>
  <div id="sifan" class="box_img-fan" style="display:none; padding: 15px;"> ya eres fan! </div>
<div id="fb-root"></div>
<script>

 
  window.fbAsyncInit = function(){
   
  FB.init({
    appId      : '121212121212121', //** App ID DE TU APLICACION QUE DA PERMISOS **//
    channelUrl : 'www.midominio.channel', //** aqui colocar url que ya conpartire mas adelante**//
    status     : true, // check login status
    cookie     : true, // enable cookies to allow the server to access the session
    xfbml      : true  // parse XFBML
  });

  FB.Event.subscribe('edge.create', function(response) {
     /*  $.post("common/securimage/likes.php", {id: userObject.userid,voto:1,fb:userObject.username},
        function(rest){
            if(rest){
                $('#likebutton').show();
                $('#fade_1').show();
            }
           
            else{
              alert('se produjo un error de conexion, por favor, intentarlo nuevamente. ');
              window.location='index.php';
            }
        });*/
  document.location.href = document.location.href;
 });
  // Additional initialization code here
 
  FB.Canvas.setSize({ width:810, height:680});

  init();

  function init(){

    FB.getLoginStatus(function(response) {
      FB.api('me/likes/175008385878292',function(response) {
     
          if(response.data) {
              if( !isEmpty(response.data) ){
                 document.getElementById("sifan").style.display="block";
              }else{
                document.getElementById("iframee").style.display="block";
              }
                 
          }else{
              document.getElementById("iframee").style.display="block";
          }
      });
   
    });

   


    };

  }

function isEmpty(obj) {
    for(var prop in obj) {
        if(obj.hasOwnProperty(prop))
            return false;
    }

    return true;
}

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>

</body>
</html>

para finalizar :

www.midominio.channel teiene solo este codigo : 

<script src="//connect.facebook.net/en_US/all.js"></script>

crear una aplicacion en Facebook y subir foto con php

<?php
/**
datos para crear con tu cuenta de facebook  un APP:


Display Name: NOMBREAPLIACION
Namespace: ESPACIODENOMBRE
Correo electrónico de contacto: XXX
App Domains: vacio
Categoría: otra


Selecciona como tu aplicación se intrega con Facebook
Aplicación en Facebook
Canvas Page: http://apps.facebook.com/ESPACIODENOMBRE
Canvas URL:  http://urldetuphp/carpeta/
URL segura de la página principal de la aplicación: https://urldetuphp/carpeta/


*/

// URL de la aplicación
$urlApp = "http://apps.facebook.comESPACIODENOMBRE/";
// ID y Secret ID de la aplicación
$appId = "XXXXXXXXXXX";
$secret = "XXXXXXXXXXXXXXXXXXXXX";
//Llamada al Facebook SDK
include_once "facebook.php";
// Instanciamos el objeto Facebook
$facebook = new Facebook(array('appId' => $appId,
                               'secret' => $secret,
                               'cookie' => true));
// Obtenemos una session
$user = $facebook->getUser();
if (!$user){
// Si el usuario no está autentificado crea una URL para hacerlo.
// Se usa 'scope' para pedir permisos separados por coma.
// Se usa 'redirect_uri' para redireccionar a esa URL despues de la acción del usuario
$loginUrl = $facebook->getLoginUrl(
            array(
                'scope' => 'read_stream,publish_stream,photo_upload,user_photos,user_photo_video_tags',
                'redirect_uri' => $urlApp
            )
    );
echo "<script type=\"text/javascript\">top.location.href = '$loginUrl';</script>";
} else {

 //Le indicamos a facebook que vamos a subir un archivo a su plataforma.
 $facebook->setFileUploadSupport(true);
        //Indicamos que vamos a entrar en la seccion albums del usuario
 $albums = $facebook->api('/me/albums');
 //Navegamos dentro de los albumes para encontrar alguno con nombre 'profile'
$album_uid = "";
        foreach ($albums['data'] as $album) {
       if($album['type'] == 'wall'){//si encontramos algun album con nombre "muro", tomamos su identificador para subir nuestra imagen en este album
                $album_uid = $album['id'];
//echo "wall id ".$album_uid;
            }
        }
if($album_uid == ""){
//echo "no existe el albun ";
/***********************************************/
//SI NO EXISTE EL ALBUN CREAMOS UNO
//Componemos nuestro array con los datos de nuestro album nombre y descripcion.
$album_details = array(
'message'=> 'mi descripcion ',
'name'=> 'albun q yo quiero'
);
//Indicamos a facebook que vamos a crear un album
$create_album = $facebook->api('/me/albums', 'post', $album_details);
//Tomamos el identificador del album creado.
$album_uid = $create_album['id'];
/***********************************************/
}

 //Componemos el array que tendra los datos de nuestra imagen mensaje, nombre, path donde se encuentra la imagen album donde lo vamos a depositar.
        $photo_details = array(
            'message'=> 'Photo message'
        );
        $file = 'fotoesperada.jpg';
        $photo_details['image'] = '@' . realpath($file);
 //Luego de esto enviamos a $facebook los datos de nuestra imagen
        $upload_photo = $facebook->api('/'.$album_uid.'/photos', 'post', $photo_details);
     echo '<a href="http://www.facebook.com/photo.php?fbid='.$upload_photo['id'].'" target="_blank">Mira la foto aqui.</a>';
    // Hasta aquí el usuario tendría que estar autentificado con la aplicación.
   // $yo = $facebook->api('/me');
  //  print_r($yo);
}
?>