Segue uma rotina que busca todos os posts de um determinado usuário via Facebook Graph API
, apresenta o horário que foi postado e a mensagem, descrição e o tipo de post numa DIV
:
FB.api(
{
method: 'fql.query',
locale: 'pt_BR',
query: 'SELECT post_id, source_id, message, created_time, type, description, permalink FROM stream WHERE source_id = ' + friend_data[i].id + ' LIMIT 50'
},
function(posts){
if(posts.length>0){
var divFriendsPost = document.getElementById('friend' + posts[0].source_id);
var friendPosts = '';
for(var j=0; j < posts.length ; j++) {
var d = new Date(0);
d.setUTCSeconds(posts[j].created_time);
dateFormat = [d.getDate(), (d.getMonth()+1), d.getFullYear()].join('/');
timeFormat = [d.getHours(), d.getMinutes(), d.getSeconds()].join(':');
if(posts[j].permalink != null && posts[j].permalink != '') {
friendPosts += '<a href="' + posts[j].permalink + '" target="_blank">';
}
friendPosts += '<div class="singlePost">';
friendPosts += '<div class="spLeft">';
friendPosts += '<p>' + dateFormat + '</p>';
friendPosts += '<p>' + timeFormat + '</p>';
friendPosts += '</div>';
friendPosts += '<div class="spRight">';
friendPosts += '<p>' + posts[j].message + '(' + posts[j].type + ')</p>';
friendPosts += '<p>' + posts[j].description +'</p>';
friendPosts += '</div>';
friendPosts += '</div>';
if(posts[j].permalink != null && posts[j].permalink != '') {
friendPosts += '<div>';
friendPosts += '<iframe height="400" src="' + posts[j].permalink + '"></iframe>';
friendPosts += '</div>';
friendPosts += '</a>';
}
}
var newNode = document.createElement('div');
newNode.innerHTML = friendPosts;
divFriendsPost.appendChild(newNode);
}
}
);
O problema é que não basta apresentar estas informações na DIV, pois na maioria das vezes o post é um compartilhamento ou publicação de fotos, por exemplo.
Tive a ideia de colocar o link (permalink) num iframe
sob a DIV, mas o console retorna o seguinte erro:
Refused to display 'https://www.facebook.com/...' in a frame because it set 'X-Frame-Options' to 'DENY'.
Eu acredito que o facebook bloqueie este tipo de ação.
Como resolver este problema, ou seja, simplesmente mostrar somente o post (sem nada que o cerca na página do facebook) sob a DIV?