Twitterで知らない誰かに自分のブログが共有された時、自分のアカウントに通知がくることで気づけるように設定する方法について解説します。
今回は、Vaster2、そしてOrange ZELO、Prime ZELOでの設定方法について説明します。
Bloggerの公式テーマ(Contempoなど)については、SNSボタンを表示する仕組みが異なるため、この記事では扱いません。
準備
今回は、Bloggerのテーマを触っていくので、いつも通りBloggerの管理画面から『テーマ』を選択します。また、テーマを変更するので、事前にバックアップを取っておきましょう。
テーマのバックアップは、右上の『バックアップ/復元』から行うことができます。
バックアップが完了したら、『HTMLの編集』へ進み、テーマのファイルを開きましょう。
コードをいちいち探すのはめんどくさいので、HTML内を検索できるようにしておきましょう。
HTMLの任意のところにポインタを置いた状態で、windowsなら『ctrl + f』、macなら『command + f』でhtml内の検索ボックスを表示できます。
Vaster2でTwitterボタンの設定をする
Vaster2の場合、デフォルトだと『ブログタイトル | 記事タイトル』のように表示されます。
今回の方法の通りに行うことで、『ブログタイトル | 記事タイトル - @exampleより』というように設定されます。
Twitterでシェアされた時に、@TwitterIDをつけることで、そのツイートに対して自分に通知が来るため、気づくことができます。
まず、Vaster2のコードから、「sns」と調べて以下のコードを探してください。
<a expr:href='"http://twitter.com/share?text=" + data:post.title + "｜" + data:blog.title + " &url=" + data:post.canonicalUrl' onclick='javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;' target='_blank'>
Twitterシェアボタンの、<a>タグの開始部分です。
この部分を、次のコードに取り替えてください。
(ここにTwitterID)というところに、通知が来るように設定したいTwitterIDを、かっこを外して入力してください。
このコードにすることで、『ブログタイトル | 記事タイトル - @exampleより』と言う表示になります。
もっとスマートに表示したい場合は、次のコードに取り替えてください。
同じように、(ここにTwitterID)と言うところにIDを設定してください。
このコードにすることで、『記事タイトル - @exampleより』という表示になります。
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:post.canonicalUrl + "&text=" + data:post.title + "｜" + data:blog.title + " - @(ここにTwitterID)より"' rel='nofollow' target='_blank'>
(ここにTwitterID)というところに、通知が来るように設定したいTwitterIDを、かっこを外して入力してください。
このコードにすることで、『ブログタイトル | 記事タイトル - @exampleより』と言う表示になります。
もっとスマートに表示したい場合は、次のコードに取り替えてください。
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:post.canonicalUrl + "&text=" + data:post.title + " - @(ここにTwitterID)より"' rel='nofollow' target='_blank'>
同じように、(ここにTwitterID)と言うところにIDを設定してください。
このコードにすることで、『記事タイトル - @exampleより』という表示になります。
新ZELOシリーズの場合
Orange ZELO、Prime ZELOでは、デフォルトで『記事タイトル』のみが表示されますが、たった少し書き換えるだけで簡単にカスタマイズできます。
Twitterのボタンを設定する方法は、こちらの記事をご覧ください。
Twitterのボタンを設定する方法は、こちらの記事をご覧ください。
まとめ
Twitterで通知がくるように設定することで、知らないところで共有されても気づくことができます。
ぜひ設定して、SNSの活用をしていきましょう。
より早く、最適なレイアウトのBloggerテーマ【ZELOシリーズ】はこちらをご覧ください。
コメント