CakePHP で Google +1 ボタン を表示 (日本語で)

Posted on 2011年 6月 29日

CakePHPであろうがなかろうが、通常は、Googleが用意しているコードを貼り付ければ問題ない。

今回は、layout ファイルにある $scripts_for_layout を使用しての +1ボタンの表示のやり方。

viewファイル(またはelement) に

$html->scriptBlock(
  "{lang: 'ja'}",
  array(
    'inline' => false,
    'safe'   => false,
    'src'    => 'https://apis.google.com/js/plusone.js',
  )
);

と記述すれば、

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>

のように展開される。これはGoogleが用意しているコードと同じ。

後は +1ボタンを表示する場所に

<g:plusone></g:plusone>

を記述する。

何故、このようなめんどくさいことをやるのかと言えば「JavaScript は body終了タグ直前に書きたいよね」という要件に答えたいってことで。

Posted in 開発 CakePHP