1

誰かが私の電子メール リストに登録した後に表示される AddThis 共有ボタンがたくさんあります。

Google Plus の共有ボタンを追加したいのですが、うまくいきません。

たとえば、独自の LinkedIn ボタンを配置するには、次のようにします。

<a class="addthis_button_linkedin"><img src="img/linkedin.png" width="64" height="64" alt="Share to LinkedIn"></a>

ただし、カスタム Google+ ボタンに対して同じことを行うと、2 つのボタンが表示されます。ここに私のマークアップがあります:

<a class="addthis_button_google_plusone"><img src="img/googleplus.png" width="64" height="64" alt="Share to Google+"></a>

ここに画像があります：http://goo.gl/9lILs

以前にこの問題に遭遇した人はいますか? AddThis サポート フォーラムから応答がありません。

API でサポートされていない場合、ハッキングする方法はありますか? 小さなグラフィックを大きなグラフィックの後ろに隠すのは好きですか？

[編集] css を使用して他のアイコンを移動し、小さな Google+ アイコンを覆うことができますが、見栄えが悪い: http://goo.gl/d68eg

4

2 に答える 2

4

addthis_button_google_plusone_shareおそらくボタンを使用したいと思うでしょう。

于 2012-03-26T18:42:31.530 に答える
0

PHP と HTML を使用して独自の共有ボタンを作成する方法を次に示します。

    <div class="sharing_buttons">
        <a class="google_plusone sharing" href="https://plus.google.com/share?url=http://YOUR_URL" target="_blank" title="Share on Google+"></a>
        <a class="facebook sharing" href="http://www.facebook.com/sharer.php?u=http://YOUR_URL" target="_blank"title="Share on Facebook"></a>
        <a class="twitter sharing" href="http://twitter.com/home?status=YOUR TWEET GOES HERE" target="_blank" title="Share on Twitter"></a>
        <a class="linkedin sharing" href="http://www.linkedin.com/shareArticle?mini=true&url=
        <?php echo urlencode('YOUR_URL'); ?>
        &title=<?php echo urlencode('YOUR TITLE HERE'); ?>
        &summary=<?php echo urlencode('WRITE A SUMMARY HERE (SPACES WILL BE ENCODED)'); ?>
        &source=<?php echo urlencode('@4click'); ?>" target="_blank" title="Share on LinkedIn"></a>
        <a class="button_email sharing" href="mailto:?subject=YOUR SUBJECT&body=BODY OF THE EMAIL" target="_blank" title="Share via e-mail"></a>
    </div>

アイコンのグラフィックは、CSS を使用して追加されます。例えば：

.google_plusone { background:url(../img/sharing_sprite.png) 0px 0px; }

このソリューションの制限は、AddThis が提供する追跡機能がないことですが、私は HootSuite を使用してソーシャル シェアを追跡しているので、私にとっては大した問題ではありません。

于 2012-11-14T20:14:47.460 に答える