[Pz-HBC]内部リンクのシェア数をトータルに置き換えてみる方法

WordPressで外部リンクを「はてなブログカード」のWebAPIのURLに置き換えるプラグイン「Pz-HatenaBlogCard」を公開しています。

シェア数のトータル数を表示したいというリクエストがあったので、修正のポイントを紹介します。

Pz-HatenaBlogCardについて

リンク先のURLを「はてなブログカード」のWebAPIにするブックマークレットが便利だったので、それをWordPressのショートコードで設定できるようにしたものです。

URLをパラメータに指定することで、「はてなブログカード」のWebAPIを使うように置き換えてくれるので、ブログカード形式で表示してくれます。

なお、内部リンクについては「はてブカード」に似た形式で表示を行っています。

現在は「はてなブログカード」のWebAPIを使わない「Pz-LinkCard」をお勧めしているところです。

ぽぽづれ。

 

139 Posts

8 Shares

44 Users

78 Pockets

2015.10.04

WordPressでリンクをカード形式で表示する Pz-LinkCard

https://popozure.info/pz-linkcard

リンクをカード形式で表示させるWordPressプラグイン「Pz-LinkCard」を公式プラグインディレクトリで公開しています。当ページは「Pz-LinkCard」の説明書のようなもので、プラグインのバージョンアップとともに更新しています。はじめにWordPressで記事を書いているときに、参考になったサイトへの「リンク」を設置したいと思うことが多いはずです。 ブログを始めた頃だと、一番お手軽なリンク先のサイト名などを記述してリンク設定する「テキストリンク」にすることが多いと思います。「テキストリンク」の例スマートフォンで雑...

シェア数をトータルにする

さて、「Pz-HatenaBlogCard」は「安定版」としていて、バグ修正等は行う予定ですが、機能を追加する予定はありません。

コメントにて

一点ご質問がありましてご連絡をさせて頂きました。
カードに総シェア数のみを表示させるにはどうしたら良いでしょうか？

という質問がありました。

Twitterのツイート数APIが提供されなくなってから、個別のシェア数ではなく、フェイスブックやはてなブックマークのシェア数の合計を表示するのが流行っているようです。

この機能を追加する予定は無いものの、せめて修正のポイントを書こうと思います。

なお、「SNS Count Cache」を使う前提で、内部リンクにのみ適用されます。

修正するところ

「pz-hatenablogcard.php」に、トータルのカウントを表示する部分を追加します。

Ver1.2.8のソースを見ると、423行目からソーシャルカウントの取得と編集を行っています。

455行目～467行目でTwitterのツイート数を取得しています。

468行目～473行目で表示のための編集を行っています。

                }
                $sns .= '';
                if ($this->options'sns-position' == '1') {
                    $sns_title = $sns;
                } else {
                    $sns_info = $sns;
                }
            }

この、468行目～473行目の手前に、「トータルカウント」を表示させるコードを挿入します。

                }
                if (function_exists('scc_get_share_total')) {
                    if ($link_type == '1' or $link_type == '2') {
                        $sns = '<span class="linkcard-share">';
                        $count = scc_get_share_total( array( 'post_id' => $id ) );
                        if ($count > 0 ) {
                            $sns .= '<span class="linkcard-sns-twitter no_icon">'.$count.'&nbsp;Share'.(($count > 1) ? 's' : '').'</span>';
                        }
                    }
                }
                $sns .= '</span>';

とりあえずこれで表示されると思います。

表示される条件は、

• 「内部リンク」のみ
• プラグイン「SNS Count Cache」を有効化する
• 上の2つを満たす場合、設定画面の設定に関わらず「シェアのトータル数」を表示する

という感じです。

要望者におこたえして…

コメントをいただいたフジタタロウさんのサイトは「赤基調」なので「合わせたい」というご希望もあるようです。

thailandbkk.net

 

1358 Posts

5 Users

9 Pockets

403 Forbidden

http://thailandbkk.net

実は「Pocketを取得したとき用のスタイル」を用意してあって、それが近いので、適用してみます。

                }
                if (function_exists('scc_get_share_total')) {
                    if ($link_type == '1' or $link_type == '2') {
                        $sns = '<span class="linkcard-share">';
                        $count = scc_get_share_total( array( 'post_id' => $id ) );
                        if ($count > 0 ) {
                            $sns .= '<span class="linkcard-sns-pocket no_icon"><i class="fa fa-share"></i>&nbsp;'.$count.'&nbsp;Share'.(($count > 1) ? 's' : '').'</span>';
                        }
                    }
                }
                $sns .= '</span>';

FontAwesomeを使った矢印を付けて、「○○ Shares」の背景色が赤になります。

テスト環境だとシェア数が無くて試験が不十分です(^-^;

何かお気づきの点があれば修正します。

では、この辺で。(^-^)o