DoboWiki
Top
> ShareButton/Tweet をテンプレートにして作成
ShareButton/Tweet をテンプレートにして作成
開始行:
#title(twitter ツイートボタンを表示する)
#contents
-[[「様々なシェア、ブックマークボタン(Google+1、twitter...
*twitter ツイートボタンを表示する [#ic2b51ae]
#ref(../twitter2.png)
**基本的なコード [#h1be9d2d]
twitterのツイートボタンは、「[[Twitterボタン | About>http...
基本的なコードは、以下のようなものです。
#prescroll(wrap=true,}}=}}){{
<a href="https://twitter.com/share" class="twitter-share-...
<script>!function(d,s,id){var js,fjs=d.getElementsByTagNa...
}}
ボタンを大きく、共有するURLを「http://dobon.net/」、ツイ...
#prescroll(wrap=true,}}=}}){{
<a href="https://twitter.com/share" class="twitter-share-...
<script>!function(d,s,id){var js,fjs=d.getElementsByTagNa...
}}
更にカスタマイズする場合は、「[[Tweet Button ― Twitter De...
**(X)HTML validにする [#hf7706f2]
プロパティを"https://twitter.com/intent/tweet"のクエリ文...
#prescroll(wrap=true,}}=}}){{
<a href="https://twitter.com/intent/tweet?url=http%3A%2F%...
<script>!function(d,s,id){var js,fjs=d.getElementsByTagNa...
}}
なおこの方法はJavaScriptが無効になっていても適切なリンク...
**Firefoxでボタンが表示されない [#j150b403]
この問題は、現在は修正されたようです。よって、現在は不要...
上記のコードでは、Firefoxではボタンが表示されず、「http:/...
Firefoxでもボタンが表示されるようにするには、次のように「...
#prescroll(wrap=true){{
<a href="https://twitter.com/share" class="twitter-share-...
}}
**非同期的にロードする [#xe02330b]
現在は、デフォルトでこのようなコードになっています。よっ...
[[Google+1>../Google+1]]のコードを真似して、非同期的にロ...
#prescroll(wrap=true){{
<a href="http://twitter.com/share" class="twitter-share-b...
<script type="text/javascript">
(function() {
var po = document.createElement('script');
po.type = 'text/javascript';
po.charset = 'UTF-8';
po.async = true;
po.src = 'http://platform.twitter.com/widgets.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
}}
**iframeで表示する [#w33a590b]
「[[Tweet Button | Twitter Developers>https://dev.twitter...
上記のコードをiframeのコードに書き換えると、以下のように...
#prescroll(wrap=true){{
<iframe allowtransparency="true" frameborder="0" scrollin...
src="https://platform.twitter.com/widgets/tweet_button.ht...
style="width:130px; height:20px;"></iframe>
}}
**フォローボタン [#z74f1575]
フォローボタンのコードも、「[[Twitterボタン | About>https...
**カウント数表示 [#h40db33f]
ツイートのカウント数表示機能は、廃止されたようです。
非公式ですが、カウント数付きのツイートボタンを提供するサ...
***[[widgetoon.js & count.jsoon | digitiminimi>http://jso...
日本の会社のサービスということで、日本のサイトではよく使...
***[[TwitCount - Twitter Share Counts Alternative>http://...
海外のサイトではよく紹介されているサービスです。[[AddThis...
***[[OpenShareCount>http://opensharecount.com/]] [#qb0115...
こちらも海外のサイトでよく紹介されているサービスです。
**コメント [#cb47c49e]
#comment
//これより下は編集しないでください
#pageinfo([[:Category/インターネット]],2011-09-04 (日) 01...
終了行:
#title(twitter ツイートボタンを表示する)
#contents
-[[「様々なシェア、ブックマークボタン(Google+1、twitter...
*twitter ツイートボタンを表示する [#ic2b51ae]
#ref(../twitter2.png)
**基本的なコード [#h1be9d2d]
twitterのツイートボタンは、「[[Twitterボタン | About>http...
基本的なコードは、以下のようなものです。
#prescroll(wrap=true,}}=}}){{
<a href="https://twitter.com/share" class="twitter-share-...
<script>!function(d,s,id){var js,fjs=d.getElementsByTagNa...
}}
ボタンを大きく、共有するURLを「http://dobon.net/」、ツイ...
#prescroll(wrap=true,}}=}}){{
<a href="https://twitter.com/share" class="twitter-share-...
<script>!function(d,s,id){var js,fjs=d.getElementsByTagNa...
}}
更にカスタマイズする場合は、「[[Tweet Button ― Twitter De...
**(X)HTML validにする [#hf7706f2]
プロパティを"https://twitter.com/intent/tweet"のクエリ文...
#prescroll(wrap=true,}}=}}){{
<a href="https://twitter.com/intent/tweet?url=http%3A%2F%...
<script>!function(d,s,id){var js,fjs=d.getElementsByTagNa...
}}
なおこの方法はJavaScriptが無効になっていても適切なリンク...
**Firefoxでボタンが表示されない [#j150b403]
この問題は、現在は修正されたようです。よって、現在は不要...
上記のコードでは、Firefoxではボタンが表示されず、「http:/...
Firefoxでもボタンが表示されるようにするには、次のように「...
#prescroll(wrap=true){{
<a href="https://twitter.com/share" class="twitter-share-...
}}
**非同期的にロードする [#xe02330b]
現在は、デフォルトでこのようなコードになっています。よっ...
[[Google+1>../Google+1]]のコードを真似して、非同期的にロ...
#prescroll(wrap=true){{
<a href="http://twitter.com/share" class="twitter-share-b...
<script type="text/javascript">
(function() {
var po = document.createElement('script');
po.type = 'text/javascript';
po.charset = 'UTF-8';
po.async = true;
po.src = 'http://platform.twitter.com/widgets.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
}}
**iframeで表示する [#w33a590b]
「[[Tweet Button | Twitter Developers>https://dev.twitter...
上記のコードをiframeのコードに書き換えると、以下のように...
#prescroll(wrap=true){{
<iframe allowtransparency="true" frameborder="0" scrollin...
src="https://platform.twitter.com/widgets/tweet_button.ht...
style="width:130px; height:20px;"></iframe>
}}
**フォローボタン [#z74f1575]
フォローボタンのコードも、「[[Twitterボタン | About>https...
**カウント数表示 [#h40db33f]
ツイートのカウント数表示機能は、廃止されたようです。
非公式ですが、カウント数付きのツイートボタンを提供するサ...
***[[widgetoon.js & count.jsoon | digitiminimi>http://jso...
日本の会社のサービスということで、日本のサイトではよく使...
***[[TwitCount - Twitter Share Counts Alternative>http://...
海外のサイトではよく紹介されているサービスです。[[AddThis...
***[[OpenShareCount>http://opensharecount.com/]] [#qb0115...
こちらも海外のサイトでよく紹介されているサービスです。
**コメント [#cb47c49e]
#comment
//これより下は編集しないでください
#pageinfo([[:Category/インターネット]],2011-09-04 (日) 01...
ページ名:
▲
▼
[
トップ
] [
新規
|
子ページ作成
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]