さっきのページにちゃんと「1ページに複数の Grow! ボタンを設置する場合」って説明がある。
自分のサイトは、トップページに表示される各記事毎にボタンを表示しているのでこの説明通りにする必要がある。
注意するのは２つ。
１．ソースコード内「apikey」の末尾に「&insert=false」を追加
<script src=’http://growbutton.com/javascripts/button.js?apikey=xxxxxx&insert=false‘ type=’text/javascript’></script>
このコードは Web のソースコードの「
２．ボタン設置位置に下記のコードを挿入
<span itemscope itemref="[ボタンの形状]" itemtype="http://growbutton.com/ns#button"> <span itemprop="url">[URL]</span> <span itemprop="title">[ページタイトル]</span> </span>
それぞれは下記の内容に置き換える。
[ボタンの形状] : squareもしくはrectangle
[URL] : 設置コンテンツのURL
[ページタイトル] : 設置コンテンツのページタイトル
というわけで、やらなきゃいけないことはわかった。
まず、やることの1つ目は「」直上なので安易に footer.php に入れました。
こんな感じ。（xxxxxx は API Key）
<script type="text/javascript" src="http://growbutton.com/javascripts/button.js?apikey=xxxxxx&insert=false"></script> </body> </html>
2つ目、Wordpress の URL とページタイトルを取得できるようにするには、URL が $post_link でタイトルが $post_title になる。
これを tf_display.php に入れるとこんな感じ。
$output .= ' <div style="float:left; width:115px;padding-right:10px; margin:4px 4px 4px 4px; height:30px;"> <span itemscope itemref="rectangle" itemtype="http://growbutton.com/ns#button"> <span itemprop="url">' .$post_link.'</span> <span itemprop="title">'.$post_title.'</span> </span> </div>';
で、このコードを はてぶボタンの次に表示する様に tf_display.php に挿入すれば OK！
（更に自分は、今まで「はてぶボタン」の横幅が 115px と大きかったので、85px に修正して横に広がり過ぎないようにしました。）
結果、こんな感じで表示されます。
