2

Facebookの「いいね」ボタンよりも「共有」ボタンを強く好むクライアントとのプロジェクトがあります。「いいね」を少し変更して、使用するよう説得する必要があります。「共有」ボタンが非推奨になっている (そしてそのために問題がある) ことは十分承知していますが、かなりしつこいようです。

ボタンの言葉遣いとは別に、彼らが好んでいるように見えるのは、ユーザーがクリックすることでデフォルトのテキスト (Facebook のオープン グラフ タグ、つまり og:description などによって提供される) を変更できるようにする「共有」ボタンのポップアップ ウィンドウです。 .

「いいね」ボタンが「共有」のように機能する場合は、「いいね」ボタンを使用するように移動できるかもしれません。「いいね」ボタンのフライアウト ダイアログ (ボタンをクリックすると表示され、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>
4

2 に答える 2

0

まあ、誰も回避策を持っていないようです。誰かが私のアンカーの例がカスタム共有ボタンを作成するのに役立つと思ったら（それは非推奨ですが、真剣に、あなたが私のボートに乗っていない限り、自分自身を助けて好きなものを使用してください）、少なくとも私の問題は誰かを助けました。追加することがわかりました：

    style="overflow:hidden"

fb:like タグに追加し、次のコードをスクリプト ブロックの先頭 (share 関数の直前) に追加します。

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

いいねダイアログを非表示にし、ユーザーがいいねボタンをクリックすると共有ポップアップを使用します (edge.create はユーザーのいいねアクションをリッスンします)。ただし、問題は、ユーザーのウォールに 2 つの投稿が表示されることです。1 つはいいね! のアクション用で、もう 1 つは共有用です。両方の投稿で、予想どおり、同じオープン グラフ タグのタイトル、画像、および説明情報が表示されますが、一方の投稿は「いいね」と言っており、もう一方の投稿は「共有」しているだけです。しかし、「いいね」を防ぐ必要があります。もちろん、カウンタは 2 ずつ増加します。近いですが、十分ではありません。

いいねダイアログボックスをポップアップウィンドウに表示させる方法はありますか?

于 2012-10-22T21:14:32.887 に答える