Zenbackサービス終了にともないシェアボタンを変更

Zenbackがサービス終了ということです。代わりになりそうなものがないので、以下の通りにFacebookとTwitterのみシェアボタンを設置しました。

まずにhead要素にOGP用の各種記述をお忘れなく。

<!-- ここからOGP(Open Graph Protocol)用 -->
<meta property="og:type" content="artcle" />
<meta property="og:title" content="<$mt:EntryTitle encode_html='1'$>" />  
<meta property="og:url" content="<$mt:EntryPermalink encode_html="1"$>" />
<meta property="og:description" content="<$mt:EntryExcerpt words="40" convert_breaks="0" encode_html="1" ltrim="1"$>">
<meta property="og:site_name" content="<$mt:BlogName encode_html="1"$>" />
<meta property="og:image" content="<mt:If tag="blog_entry_ogp_image"><mt:blog_entry_ogp_imageAsset><$mt:AssetThumbnailURL width="1200"$></mt:blog_entry_ogp_imageAsset><mt:Else><mt:EntryAssets type="image" sort_order="ascend" limit="1"><$mt:AssetThumbnailURL width="1200"$><mt:Else><$mt:BlogURL encode_html="1"$>/images/noimage-1200.png</mt:EntryAssets></mt:If>">
<meta property="fb:app_id" content="Your Facebook ID" />

次にbody要素の直下にFacebook用のコードを

<!-- Load Facebook SDK for JavaScript -->
<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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

あとは、ボタンを表示させたいところで

<!-- Your share button code -->
<div class="share-button">
<div class="tw-button-div"><a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a></div><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<div class="fb-share-button" data-href="<$mt:EntryPermalink encode_html="1"$>" data-layout="button"></div>
<div class="line-it-button" data-lang="ja" data-type="share-a" data-ver="3" data-url="<$mt:EntryPermalink encode_html="1"$>" data-color="default" data-size="small" data-count="false" style="display: none;">
 <script src="https://www.line-website.com/social-plugins/js/thirdparty/loader.min.js" async="async" defer="defer"></script></div>
<div class="hatena-button"><a href="https://b.hatena.ne.jp/entry/<$mt:EntryPermalink encode_html="1"$>" class="hatena-bookmark-button" data-hatena-bookmark-layout="basic" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/v4/public/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script></div>
</div>

プレスリリースは以下の通り。

ZenbackおよびZenback BIZサービス終了のお知らせ
平素は弊社サービスをご愛顧いただき、誠にありがとうございます。

この度、誠に勝手ながら2020年12月25日をもちまして、
ZenbackおよびZenback BIZサービスを終了させていただくこととなりました。

ZenbackおよびZenback BIZをご利用いただきましたすべてのお客様に、
スタッフ一同心より御礼申し上げます。

■サービス終了スケジュール

2020年12月25日
※以降は、ZenbackおよびZenback BIZサービスが利用できなくなりますのでご留意ください。

■Zenbackタグについて

お手数おかけし申し訳ございませんが、Zenbackタグの削除をお客様ご自身にてお願い申し上げます。

設置いただいているタグは終了期限までに取り除くことを推奨いたしますが、
期限を過ぎても取り除くことができない場合、タグの中身を空の状態で返却します。
したがいまして、Zenbackを導入いただいた箇所はタグが入っていないときと同じ状態となります。

■個人情報について

お客様にご登録いただきました個人情報については、
ZenbackおよびZenback BIZサービス終了後、速やかに弊社が責任を持って消去させていただきます。

■退会について

上記の通り、個人情報については、ZenbackおよびZenback BIZの利用期間終了後、
速やかに弊社が責任を持って消去させていただきますので、
お客様ご自身で退会手続きを行っていただく必要はございません。

退会をお急ぎの場合は、下記お問い合わせよりご連絡いただきますようお願い申し上げます。

■本件に関するお問い合わせ

こちらのリンク先よりご記入ください。
https://corp.logly.co.jp/contact?type=zenback


今までZenbackおよびZenback BIZをご利用いただき、誠にありがとうございました。
重ねてお礼申し上げます。

2020年10月28日 ログリー株式会社