Facebook�A�v���b�g�t�H�[�������V�@Microsoft��Pandora�ƒ�g
Facebook���u�\�[�V�����O���t������ŃI�[�v���O���t�ɂ���v�\�z�̉��A�V�v���b�g�t�H�[���\�����B
» 2010�N04��22�� 15��29�� ���J
�@��Facebook��4��21���i���n���ԁj�A�T���t�����V�X�R�ŊJ���Ҍ����J���t�@�����X�uf8�v���J�Â��A�uFacebook Platform�v�̐V�@�\�\�����B���Ђ�Web�ł̐l�X�̂Ȃ�����d�����Ă���A�V�@�\�ɂ���Ă��������Ȃ���̋�����ڎw���Ƃ����B
�@�}�[�N�E�U�b�J�[�o�[�OCEO�́AYelp��Pandora�̂悤�ȃT�[�r�X�����ꂼ��Ɍ`�����Ă���l�X�̂Ȃ���i�g�\�[�V�����O���t�h�ƌĂԁj��V�v���b�g�t�H�[�����g���Č��ѕt���邱�ƂŁAWeb�����\�[�V�����Ńp�[�\�i���ȁuOpen Graph�v�ɂł���Ɛ��������B
�@�����Љ�ꂽ�V�@�\�́uSocial Plugin�v�uOpen Graph Protocol�v�uGraph API�v��3�B
�@Social Plugin�́AWeb�T�C�g��Facebook�̃\�[�V�����O���t���ł���@�\�B�Ⴆ�v���O�C���́uLike�v�{�^���́A���̃y�[�W���C�ɓ����Ă��ꂽ���[�U�[�ɓ��[���Ă��炤���߂̃{�^�����BOpen Graph Protocol�ƘA�W�����邱�ƂŁALike�{�^�������[�U�[���N���b�N����ƁA���[�U�[��Facebook�v���t�B�[���ɂ��̃y�[�W�̏���lj������邱�Ƃ��ł���B���̂ق��A���[�U�[�̗F�B�����̃T�C�g�̂ǂ̃y�[�W��Like�{�^��������������\������uActivity Feed�v��ALike�{�^�����������F�B�̃v���t�B�[���A�C�R����\������uFacepile�v�Ȃǂ̃v���O�C�����p�ӂ���Ă���B����������s��HTML�R�[�h��Web�T�C�g�ɖ��ߍ��ނ��ƂŒlj����\�Ƃ����B
Like�{�^����Facepile
�@Open Graph Protocol�́AWeb�y�[�W��Facebook�̃\�[�V�����O���t�ɑg�ݍ��ނ��߂̃v���g�R���BWeb�T�C�g���AFacebook���̃��[�U�[�y�[�W��t�@���y�[�W�Ɠ����Ɉ�����悤�ɂ���B��ɐ��������悤�ɁA���[�U�[��Web�T�C�g��Like�{�^�����N���b�N����ƁA�T�C�g�̏���[�U�[�̃v���t�B�[���y�[�W�ɑg�ݍ��܂�A���̃��[�U�[�ɑ��ăj���[�X�t�B�[�h�ŏ��𑗂��悤�ɂȂ�B
�@Graph API�́AFacebook Platform�𗘗p���邽�߂�API���Đv�������́B�J���҂�Facebook�̃��[�U�[�v���t�B�[����C�x���g�Ȃǂ̃f�[�^�������ł���悤�ɂȂ����ق��A�A�b�v�f�[�g�������A���^�C���œ���ł���悤�ɂȂ����B�܂��A�F�v���g�R���Ƃ��Ă���܂ł́uFacebook Connect�v�ł͂Ȃ��A�uOAuth 2.0�v���̗p�����B���v���g�R���́AGoogle�ATwitter�AYahoo!�Ȃǂ��̗p���Ă���B
�@������Microsoft�����\����Facebook�A�v���uDocs�v��AYelp�APandora�ANew York Times�ȂǁA����75�ȏ�̃T�C�g��Open Graph�Ή��ƂȂ��Ă���B
��ƌ��������W���uITmedia �G���^�[�v���C�Y�v�������ă`�F�b�N
Copyright © ITmedia, Inc. All Rights Reserved.
';
e_dlv.innerHTML = html;
adRequest({position:dlv_pos,dom:true});
}else if(ad_type === 'gam'){
var html = '
';
e_dlv.innerHTML = html;
refreshGam('InArtSpecialLink');
}else if(ad_type === 'logly'){
var html = '
';
e_dlv.innerHTML = html;
loglySet(g_id);
}else if(ad_type === 'google'){
var html = '
';
e_dlv.innerHTML = html;
googletag.cmd.push(function(){
var slot8 = googletag.defineSlot('/43042345/nlab_artinsert_RT',[[336,280],[300,250],'fluid'],'div-gpt-ad-1551176482959-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
googletag.display('div-gpt-ad-1551176482959-0');
googletag.pubads().refresh([slot8]);
});
}
};
var insert_ok = function(_target,_str){
var clearfix = d.createElement('div');
clearfix.className = 'colBoxClear';
if(ad_float_fix){
e_body.insertBefore(e_dlv,_target);
e_body.insertBefore(clearfix,_target.nextElementSibling);
}else{
e_body.insertBefore(e_dlv,_target);
}
set_dlv();
};
var insert_ng = function(_str){
e_dlv.style.display = 'none';
};
var main = function(){
var e_nodes = e_body.childNodes; // BODY �����q�v�f
var e_tags = []; // BODY �����^�O
var p_num = []; // BODY ���� P �^�O�ʒu
var p_target_num; // �g�}����ʒu
var o_float = {}; // ��荞�ݗv�f
var o_this = {}; // �A�N�e�B�u�^�O
var o_next = {}; // �A�N�e�B�u�^�O�̎��̃^�O
var flag_insert = 0; // �}���t���O
// ��荞�ݗv�f�`�F�b�N
var check_float = function(_e){
var e = 0;
if(_e.id.match(/^col\d{3}(l|r)$/)){
e = _e;
}
return e;
};
// �v�f�� Y ���W�ƍ����̍��v�l
var get_element_y = function(_e){
var ey = 0;
var eh = _e.offsetHeight;
while(_e){
ey += _e.offsetTop;
_e = _e.offsetParent;
}
return ey + eh;
};
var check_ptag = function(_e){
var e = 0;
if(_e.tagName && _e.tagName === 'P'){
e = _e;
}
return e;
};
var try_insert = function(){
p_target_num = Math.floor(p_num.length / 2) - 1;
if(p_target_num >= _maxrange) p_target_num = _maxrange;
if(dis_con) p_target_num = 0;
for(var i = p_num[p_target_num]; i < e_tags.length; i++){
o_this.e = check_ptag(e_tags[i]);
if(o_this.e){
o_next.e = check_ptag(e_tags[i + 1]);
if(o_next.e){
if(!o_float.e || check_float(e_tags[i - 1])){
o_float.e = check_float(e_tags[i - 1]);
o_float.n = i - 1;
}
if(o_float.e && o_float.n < i + 1){
o_float.y = get_element_y(o_float.e);
o_this.y = get_element_y(o_this.e);
set_line(o_float.y,'red');
set_line(o_this.y,'blue');
if(o_float.y < o_this.y){
flag_insert = 1;
insert_ok(o_next.e,_threshold + ' �p���ȏ��荞�݂���');
break;
}
}else{
flag_insert = 1;
insert_ok(o_next.e,_threshold + ' �p���ȏ��荞�݂Ȃ�');
break;
}
}
}else{
o_float = {};
}
}
if(!flag_insert){
insert_ng('�}���ʒu�Ȃ�');
}
};
// �S�q�v�f����^�O�̂ݔz��ɓ����
for(var i = 0; i < e_nodes.length; i++){
if(e_nodes[i].tagName){
e_tags.push(e_nodes[i]);
}
}
// �S�^�O���� P �^�O�ʒu��z��ɓ����
for(var i = 0; i < e_tags.length; i++){
if(e_tags[i].tagName === 'P') p_num.push(i);
// �ŏ��̉�荞�ݗv�f���i�[
if(!o_float.e){
o_float.e = check_float(e_tags[i]);
o_float.y = get_element_y(o_float.e);
o_float.n = i;
}
}
if(p_num.length >= _threshold){
try_insert();
}else{
insert_ng('P �^�O ' + _threshold + ' �ȉ�');
}
};
if(e_body){
main();
}else{
insert_ng('�L���{���Ȃ�');
}
})(document,4,5);