実行結果
設置サンプルのソース
<!DOCTYPE HTML>
<html>
<head>
<title>設置サンプル</title>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{
"lang":"ja", /* 言語指定 */
"parsetags": "explicit" /* 明示的に読み込む表示 */
}
</script>
<script type="text/javascript">
gapi.plusone.render(
"plusone-div", /* +1ボタンを表示する要素ID */
{
"size":"medium", /* +1ボタンのサイズ */
"count":"true", /* カウンタ表示の有無 */
"href":"http://www.example.com" /* +1を関連付けるURL */
}
);
</script>
<link rel="stylesheet" type="text/css" href="/common/css/example.css"></head>
<body id='example3' class='example'><div class="ads" style="margin:32px auto;text-align:center;"></div><h1 class='h'><a href='/'>PHP & JavaScript Room</a> :: 設置サンプル</h1>
<h3 class='h'>実行結果</h3>
<div id="plusone-div"></div><!-- +1ボタン -->
</body>
</html>