DoboWiki
Top
> ShareButton/Google+1 をテンプレートにして作成
ShareButton/Google+1 をテンプレートにして作成
開始行:
#title(Google +1 ボタンを表示する)
#contents
-[[「様々なシェア、ブックマークボタン(Google+1、twitter...
*Google +1 ボタンを表示する [#a62f88e1]
#ref(../google_plusone3.png)
**基本的なコード [#kafca5d8]
Google+1ボタン(プラスワンボタン)は、「[[プラスワン ボタ...
基本的なコードは、以下のようなものです。
#prescroll{{
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けて...
<script src="https://apis.google.com/js/platform.js" asyn...
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてくだ...
<div class="g-plusone"></div>
}}
サイズを小、言語を日本語、カウンター(+1情報)を非表示、+...
#prescroll{{
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けて...
<script src="https://apis.google.com/js/platform.js" asyn...
{lang: 'ja'}
</script>
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてくだ...
<div class="g-plusone" data-size="small" data-annotation=...
}}
「<div class="g-plusone" ...」は「<g:plusone ...」とする...
#prescroll{{
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けて...
<script src="https://apis.google.com/js/platform.js" asyn...
{lang: 'ja'}
</script>
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてくだ...
<g:plusone size="small" annotation="none" href="http://do...
}}
「head 内か、body 終了タグの直前に次のタグを貼り付けてく...
**対象とするURLを指定する [#be3d1ff6]
その他のブックマークボタンでも大抵そうですが、+1ボタンに...
対象とするURLを明示的に指定するケースは、例えば、別のペー...
それ以外でもできればURLを明示的に指定した方がよいです。な...
URLを明示的に指定する方法は、href属性以外に、link rel="ca...
**カウンターをテキストで表示する [#ba8087b2]
#ref(../google_plusone4.png)
「+1情報」を「インライン」にすると、カウンターをテキスト...
カウンタをテキストで表示し、幅を300pxとするコードは、以下...
#prescroll{{
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けて...
<script src="https://apis.google.com/js/platform.js" asyn...
{lang: 'ja'}
</script>
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてくだ...
<div class="g-plusone" data-annotation="inline" data-widt...
}}
**非同期的にロードする [#w8633ca7]
「詳細オプション」の「ダイナミック」にチェックを入れると...
「ダイナミック」を有効にして取得したコードは以下のとおり...
#prescroll{{
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてくだ...
<div class="g-plusone"></div>
<!-- 最後の +1 ボタン タグの後に次のタグを貼り付けてくだ...
<script type="text/javascript">
window.___gcfg = {lang: 'ja'};
(function() {
var po = document.createElement('script'); po.type = ...
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s...
})();
</script>
}}
**IEで表示されない [#i9571de1]
「<g:plusone ...」のコードをJavascriptのdocument.writeで...
「[[Google +1(プラスワン)ボタンが表示されないときの対処法...
海外SEO情報ブログさんでは、「data-size」や「data-count」...
**(X)HTML validにする [#i984f8d8]
Google +1ボタンのコードを(X)HTML validにする方法は、「[[j...
これに従うと、例えば以下のようなコードになります。
#prescroll{{
<script type="text/javascript" src="https://apis.google.c...
{ lang: 'ja' }
</script>
<div id="plusone-div"></div>
<script type="text/javascript">
gapi.plusone.render('plusone-div', { size: 'small', count...
</script>
}}
**共有ボタン [#hae08767]
共有ボタンは、「[[Share  |  Google+ Platform fo...
**コメント [#e9ca8c73]
#comment
//これより下は編集しないでください
#pageinfo([[:Category/インターネット]],2011-09-03 (土) 18...
終了行:
#title(Google +1 ボタンを表示する)
#contents
-[[「様々なシェア、ブックマークボタン(Google+1、twitter...
*Google +1 ボタンを表示する [#a62f88e1]
#ref(../google_plusone3.png)
**基本的なコード [#kafca5d8]
Google+1ボタン(プラスワンボタン)は、「[[プラスワン ボタ...
基本的なコードは、以下のようなものです。
#prescroll{{
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けて...
<script src="https://apis.google.com/js/platform.js" asyn...
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてくだ...
<div class="g-plusone"></div>
}}
サイズを小、言語を日本語、カウンター(+1情報)を非表示、+...
#prescroll{{
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けて...
<script src="https://apis.google.com/js/platform.js" asyn...
{lang: 'ja'}
</script>
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてくだ...
<div class="g-plusone" data-size="small" data-annotation=...
}}
「<div class="g-plusone" ...」は「<g:plusone ...」とする...
#prescroll{{
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けて...
<script src="https://apis.google.com/js/platform.js" asyn...
{lang: 'ja'}
</script>
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてくだ...
<g:plusone size="small" annotation="none" href="http://do...
}}
「head 内か、body 終了タグの直前に次のタグを貼り付けてく...
**対象とするURLを指定する [#be3d1ff6]
その他のブックマークボタンでも大抵そうですが、+1ボタンに...
対象とするURLを明示的に指定するケースは、例えば、別のペー...
それ以外でもできればURLを明示的に指定した方がよいです。な...
URLを明示的に指定する方法は、href属性以外に、link rel="ca...
**カウンターをテキストで表示する [#ba8087b2]
#ref(../google_plusone4.png)
「+1情報」を「インライン」にすると、カウンターをテキスト...
カウンタをテキストで表示し、幅を300pxとするコードは、以下...
#prescroll{{
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けて...
<script src="https://apis.google.com/js/platform.js" asyn...
{lang: 'ja'}
</script>
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてくだ...
<div class="g-plusone" data-annotation="inline" data-widt...
}}
**非同期的にロードする [#w8633ca7]
「詳細オプション」の「ダイナミック」にチェックを入れると...
「ダイナミック」を有効にして取得したコードは以下のとおり...
#prescroll{{
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてくだ...
<div class="g-plusone"></div>
<!-- 最後の +1 ボタン タグの後に次のタグを貼り付けてくだ...
<script type="text/javascript">
window.___gcfg = {lang: 'ja'};
(function() {
var po = document.createElement('script'); po.type = ...
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s...
})();
</script>
}}
**IEで表示されない [#i9571de1]
「<g:plusone ...」のコードをJavascriptのdocument.writeで...
「[[Google +1(プラスワン)ボタンが表示されないときの対処法...
海外SEO情報ブログさんでは、「data-size」や「data-count」...
**(X)HTML validにする [#i984f8d8]
Google +1ボタンのコードを(X)HTML validにする方法は、「[[j...
これに従うと、例えば以下のようなコードになります。
#prescroll{{
<script type="text/javascript" src="https://apis.google.c...
{ lang: 'ja' }
</script>
<div id="plusone-div"></div>
<script type="text/javascript">
gapi.plusone.render('plusone-div', { size: 'small', count...
</script>
}}
**共有ボタン [#hae08767]
共有ボタンは、「[[Share  |  Google+ Platform fo...
**コメント [#e9ca8c73]
#comment
//これより下は編集しないでください
#pageinfo([[:Category/インターネット]],2011-09-03 (土) 18...
ページ名:
▲
▼
[
トップ
] [
新規
|
子ページ作成
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]