最近よく読んでいただいてるページはこちら

プラグインなしでも!シェアボタンと関連記事を表示させるShareaholic|その2無料アカウント登録編

2017.1.13

おシャレでかわいくて、しかも多機能な Shareaholic | share buttons, analytics, related content(長い名前なので、以下『Shareaholic』と表記)に、惚れ込んでます。
どんなことができるのかは、その1 でお見せしてるのでご確認ください。
見ていただいて、導入してみたい方へ、すべての機能を使うための無料アカウントの登録方法をご案内します。

はじめに

Shareaholic は、プラグインがあります。しかし、無料のアカウント登録の後には、Webサイトで設定ができます。サイトに埋め込むコードも用意されています。もしかしたら、プラグインを入れる必要もないのかもしれない。
私は、まずプラグインをインストールし有効化しました。ここではメインとして、プラグインを入れたばあいの方法でご紹介します。
プラグインは入れたくないという方向けに、そのばあいの手順もご紹介します。

Nyan
難しいことはないですにゃの

Shareaholic の使い方

ぜんぶ英語です。そこは覚悟してください。日本語化もされているようですが、一部分なようなので使いませんでした。
Chromeの拡張機能を使って、翻訳しながら作業しました。

Nyan
だいたいでいいにゃん

すべての機能を使うには、無料でできるアカウント登録が必要です。ここでは、登録するところからご案内します。
使うもの・使わないものは、後から選択できます。どうするかは、お好みで選んでください。
以上をご承知いただいて、この先をご覧ください。

Nyan
登録するですにゃの?

プラグインのインストール・有効化の後

Shareaholic-acount3
プラグイン有効化直後に、一番上に出るメッセージからでも登録できます。
Shareaholic-plugin1
または
管理メニューShareaholicApp Manager 『Get Started』をクリックします。

無料アカウントの登録

Eメール と パスワード の登録を求められます。
入力して『Create Your Account』をクリックしたら、確認メールが届きます。
Shareaholic5
届いたメールの、画像では黒く塗りつぶしてあるところのURLをクリック。
Shareaholic-plugin4
迷わず『Link Now』をクリックします。
Shareaholic-setupcode1
スクリーンショットを撮り忘れました。
この画像のような画面が出たら、必要箇所を埋めてください。
『PLATFORM』などが選択されていない状態だったと思います。
(プラグインを使わない方は、コードの埋め込み へ進んでください。)
そして下にもし『Verify Website』のボタンが出ていたら、所有権の確認です。クリックしてください。

画像では、連携が完了しているので『Continue』になっています。
所有権が確認されるとボタンになると思います。クリックしてください。
余談ですが、赤丸の『Get Setup Code』は、プラグインを入れてるなら使いません。私はこれをブログに埋め込んでしまい、ダブりました。

Nyan
いつまでたっても所有権が確認されなくて慌てたにゃ。ちょと時間がかかるばあいもあるかもですにゃの。
Shareaholic11-1
所有権が未確認だと、他のページでも赤丸の『Verify Website』ボタンが出ます。
Shareaholic11-2
連携ができていて、無事に所有権確認が終わって『Save Setting』をクリックすると、このページが出ます。
① 〜 ⑪ は、設定編でご案内します。
Nyan
これで無料アカウントの登録は終わりですにゃの。
難しくなかったにゃしょ?

プラグインを入れたくない方へ

ShareaholicのHP でアカウント登録をすると、コードを習得できます。
WordPress なら、header.php に埋め込むだけです。

shareaholic-hp1
右上の『Sign Up Free』かヘッダーにある『Add Shareholic to your website now』をクリックします。
Nyan
メールアドレスの登録からは、プラグインのばあいとおんなじですにゃの

プラグイン利用のばあいと違うのは、コードの埋め込みです。

Shareaholic-setupcode1
赤丸の『Get Setup Code』をクリック。
Shareaholic-setupcode2
ポップアップで表示されるコードを丸ごとコピー。
Shareaholic-setupcode3
自分のブログに帰って、header.php の < /head > 前に貼り付けます。
私はSTINGER8の子テーマに header.php をコピーしてあるので、そこに貼りました。
Nyan
Shareaholic HPで所有権の確認をしてくださいですにゃの

プラグインを使いたくない方も、これでアカウント登録が終わりです。

さいごに

ぜんぶ英語、とはいえ、わかりにくかったり難しかったりは、してないかと思います。

Nyan
Nyanでもできたぐらいですにゃの

次は、『その3』いよいよ設定です。