페이스 북 공유 버튼을 잘못

내가 페이스 북 공유 버튼을 얻기 위해 다음 코드를 사용하여 렌더링되는, 페이스 북과 같은, 페이스 북 보내기 구글 +1 : 문제는 페이스 북에 공유 버튼이에 rendred되어입니다페이스 북 공유 버튼을 잘못

<div id="fb-root"></div> 
    <script>(function(d, s, id) { 
     var js, fjs = d.getElementsByTagName(s)[0]; 
     if (d.getElementById(id)) return; 
     js = d.createElement(s); js.id = id; 
     js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1&appId=<?php echo Configure::read('FBappId');?>"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
    </script> 

<!-- FaceBook SHARE BUTTON HERE --> 
    <a name="fb_share"></a> 
<!-- End FACEBOOK SHARE --> 
    <div class="fb-send" data-href="<?php echo $URL;?>" data-font="tahoma"></div> 

    <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
      type="text/javascript"> 
    </script> 
    <div class="fb-like" data-send="false" data-layout="button_count" data-width="" data-show-faces="false" data-font="tahoma"></div> 
    <span> 
    <!-- Place this tag where you want the +1 button to render --> 
    <g:plusone size="medium"></g:plusone> 

    <!-- Place this render call where appropriate --> 
    <script type="text/javascript"> 
     window.___gcfg = {lang: 'ar'}; 

     (function() { 
     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
     po.src = 'https://apis.google.com/js/plusone.js'; 
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
     })(); 
    </script> 
    </span>

을 iframe 스타일은 너비와 높이가 1000px이고 예상 된 뷰 범위를 벗어나 렌더링합니다. 다음 스크린 샷은 더 명확하게 설명 할 것입니다 : 그런데 : 문서는 RTL 방향이고 공유 버튼은 다른 버튼 옆에 있어야합니다. 스크린 샷은 FireFox 18.0을 사용하여 촬영 한 것입니다.

출처

2013-01-16 SaidbakR

이 문제에 대한 최종 솔루션은 다음과 같은 link에서 입증된다. 기본적으로 Facebook상의 sharer.php에 대한 직접 링크를 만드는 데 달려 있습니다. 물론 RohitKumarChoudhary 응답으로 간주되는 여분의 Javascipt 링크 태그를 제거했습니다.

<div class="socials"> 
<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1&appId=xxxxxxxxxx"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 
<div class="fb-send" data-href="http://quran.2index.net/viewAyah/1933" data-font="tahoma"></div> 
<!--<a name="fb_share"></a>--> 
<a href="http://www.facebook.com/sharer.php?app_id=xxxxxxxxxx&sdk=joey&u=http://quran.2index.net/viewAyah/1933&display=popup" target="_blank"><img src="/img/../images/facebook16.png" alt="" />مشاركة</a> 


<div class="fb-like" data-send="false" data-layout="button_count" data-width="" data-show-faces="false" data-font="tahoma"></div> 
.... 
</div>

출처

2013-01-20 13:09:33 SaidbakR

<fb:share-button type="box_count"></fb:share-button> 공유 버튼을 표시하려는 위치에서만 사용하십시오.

출처

2013-01-16 18:33:13

다음 페이지에서 코드를 사용하여 내 질문에 강조 표시된 공유 버튼 코드를 대체했지만 동일한 문제가 여전히 존재합니다. http://quran.2index.net/viewAyah/ 1933 – SaidbakR

주의 사항 : Firefox를 사용하여 페이지를보십시오. – SaidbakR

기존 스크립트 데이터 제거 –

2 일 전 'FB로 인한 버그'인지 확실하지 않은 'Login With Facebook'버튼에 동일한 문제가 발생 했습니까?

어쨌든 CSS 해킹을 사용하여 해결했습니다 ... 이상적이 아닙니다!

.fb_iframe_widget iframe{width:auto!important; height:auto!important}

출처

2013-01-17 20:01:18 DaveB

페이스 북 공유 버튼을 잘못

답변

관련 문제