페이스 북과 같은 버튼 플라이 아웃 박스 수정 또는 바꾸기

나는 '좋아요'버튼을 통해 페이스 북의 '공유'버튼을 강하게 선호하는 고객이있는 프로젝트가 있습니다. 나는 그들에게 그것을 사용하도록 설득하기 위해 'like'를 약간 수정해야한다. 나는 'Share'버튼이 더 이상 사용되지 않는다는 점을 잘 알고 있지만 (그것 때문에 문제가있다.) 꽤 강경했다.페이스 북과 같은 버튼 플라이 아웃 박스 수정 또는 바꾸기

버튼의 verbage 이외에 선호하는 것인데, 사용자가 기본 텍스트 (Facebook의 열린 그래프 태그, 즉 og : 설명 등)를 변경할 수있는 '공유'버튼 팝업 창이 있습니다. 클릭하여

'공유'와 같이 작동 할 수있는 경우 '좋아요'버튼을 사용하도록 이동할 수 있습니다. 팝업 창에 나타나는 버튼 플라이 아웃 대화 상자 (버튼을 클릭하면 og : title, og : image, og : description 등 태그가있는 것처럼 보입니다)를 어떻게 든 할 수 있습니까? '공유'팝업에서 허용하는대로 사용자가 해당 텍스트를 클릭하여 변경할 수있는 기능이 있습니까?

그들은 또한 카운터를 원합니다. 그렇지 않으면 아래의 앵커 태그와 함께 CSS를 사용합니다.

다음과 같이 시도했지만 '좋아요'버튼은 운이 없습니다. Google은 내 사이트 및 자체 og 태그로 바뀝니다.

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> 

    <head></head> 

    <body> 

     <div id="fb-root"></div> 
     <script> 

      function share() { 
      FB.ui({ 
       method: 'stream.share', 
       u: 'www.google.com', 
       }); 
      }; 

      (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/en_US/all.js#xfbml=1"; 
       fjs.parentNode.insertBefore(js, fjs); 
      }(document, 'script', 'facebook-jssdk')); 

     </script> 

     <fb:like id="fbLike" href="www.google.com" onclick="share();" send="false" layout="box_count" show_faces="false" ></fb:like> 

     <a href="#/" onclick="share();">Can I get the like button to work like this?</a> 

    </body> 
    </html>

출처

2012-10-18 JMurky

글쎄, 아무도 해결 방법이없는 것으로 보입니다. 내 닻 예제가 사용자 정의 공유 버튼을 만드는 데 유용하다는 사실을 알게 된 것 같아요. (비록 내 보트에 있지 않으면 자신을 도우며 그냥 사용하십시오.) 적어도 내 문제는 누군가를 도왔습니다. 내가 찾은 및 추가 (단지 기능을 공유하기 전에) 스크립트 블록의 시작 부분에 다음 코드를 추가 다음과 같은 태그 및 : 다음 FB에

style="overflow:hidden"

을

window.fbAsyncInit = function() { 
     FB.init({ 
      appId: '' 
     }); 
     FB.Event.subscribe('edge.create', function(response) { 
      share(); 
     }); 
    };

것 같은 대화 상자를 숨기고, 사용자가 like 버튼을 클릭 할 때 공유 팝업을 사용하십시오 (edge.create는 사용자 동작을 청취합니다). 문제는 사용자가 사용자 벽면에 두 개의 게시물을 갖게된다는 것입니다. 하나는 비슷한 동작을하고 다른 하나는 공유를위한 것입니다. 예상 한대로 게시 된 두 개의 동일한 게시 그래프 태그 제목, 이미지 및 설명 정보를 사용하여 하나의 게시물이 '좋아요'라고 말하고 다른 하나는 '공유'라고 말합니다. 그러나 나는 '같은'것을 막아야한다. 물론 카운터는 2 씩 증가합니다. 닫기는하지만 충분히 좋지는 않습니다.

같은 대화 상자를 팝업 창에 표시하는 방법은 무엇입니까?

출처

2012-10-22 21:14:32 JMurky

사용자 대화 상자에서 피드 대화 상자를 사용하지 않는 이유는 무엇입니까? 제가 누락 된 부분을 사용하지 않은 특별한 이유가 있습니까?

 function share() { 
     FB.ui({ 
     method: ‘feed’, 
     link: ‘link of where the user should land when he click on post goes here’, 
     picture: ‘picture url goes here’, 
     name: ‘Name goes here’, 
     caption: ‘Caption goes here e.g www.google.com’, 
     description: ‘description goes here’}, 
     function (response) { 
         if (!response || response.error) { 
        //When posting fails 
         } else { 
        //When posting succeeds 
      } 
    ); 
}

당신은 여기에서 자세한 내용을 찾을 수 있습니다 :

공급 대화 상자를 호출하는 코드는 다음과 같이 될 것이다 나는이 있었다 거라고 후 https://developers.facebook.com/docs/reference/dialogs/feed/

출처

2012-10-23 07:06:05

미안 해요, 난 아무도 대답 할 생각하지 않았다 거의 일주일 동안 게시되었습니다. 제안 해 주셔서 감사하지만 피드 대화 상자에서 피드 메소드를 연결하는 링크에는 카운터가 없으며 피드 대화 상자의 기본 텍스트는 사용자가 수정할 수 없습니다. 단추의 문구가 효과가 있으며,이 유형의 '공유'가 지원되는 것이 좋습니다. 마지막으로 사용 중단 된 공유 버튼을 사용하여 방금 종료했습니다. 그리고 그것의 기능은 때로는 괴상한 일을하는 것, 그리고/또는 페이스 북이 자신의 js를 업데이트 할 때마다 스스로를 고치는 것 같다.오, 사람들은 그들이 원하는 것을 원해. – JMurky

페이스 북과 같은 버튼 플라이 아웃 박스 수정 또는 바꾸기

답변

관련 문제