MovableTypeの最近のブログ記事

2011年6月1日、Googleの「+1(プラスワン)」ボタンをWebサイトに設置できるようになりました。

 

早速、本サイトにも埋め込んでみましたが、

既に設置している「はてぶ」「ツイート」ボタンに対して、どのような影響を与えるのか興味津々です。

試しに押してみてください。。。((((;゚Д゚)))).。oO(バクハツシマセンカラ)

 

+1 ボタンとは

 

設置方法 ※Movable Type 4.22ja の例

1. 以下のリンク先にアクセスし、ボタンを表示するために必要なコードを取得する

http://www.google.com/webmasters/+1/button/index.html

2  Movable Type にアクセスし、「デザイン」 > 「テンプレートの編集」 を表示する

3. 「ブログ記事」と「ブログ記事の概要」を編集し、以下を参考に <g:plusone></g:plusone> を追加する。

...
<div id="entry-<$mt:EntryID$>" class="entry-asset asset hentry">
    <div class="asset-header"
        <h1 id="page-title" class="asset-name entry-title"><$mt:EntryTitle$></h1>
        <div class="asset-meta">
            <span class="byline">
                  <!-- 次のタグを +1 ボタンを表示する箇所に貼り付けてください -->
                  <g:plusone size="medium" href="<$mt:EntryPermalink$>"></g:plusone>
            </span>
        </div>
...

4. 「HTMLヘッダー」を編集し、以下を参考に plusone.js をインクルードするコードを追加する。

<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" />
<meta name="generator" content="<$mt:ProductName version="1"$>" />
<link rel="stylesheet" href="<$mt:Link template="styles"$>" type="text/css" />
...
<!-- 次のタグを head 要素内または body 終了タグの直前に貼り付けてください -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: &apos;ja&apos;} </script>

 

あわせて読みたい

1

2016年8月

  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31