~~とツイートするボタンを設置する

今回は題名にあるように"~~とツイートするボタン"の設置です

(例)下の画像をクリックすると"コックさん"と入力されたツイート画面が表示される

 1.  ~~とツイートするページを出すURL

以下のURLが~~とツイートするページを出すURL (最後の= の後に任意の文字)

https://twitter.com/intent/tweet?text=

 (例)"恒心教の尊師"とツイートするページを出すURL

https://twitter.com/intent/tweet?text=恒心教の尊師

2. ボタンの設置

 2-1 文字をボタンとする場合

 この場合は以下の通りとなります

<a href="https://twitter.com/intent/tweet?text=ツイート文">ボタン名</a>

 

(例)恒心教の尊師とツイートする例のアレというボタン

<a href="https://twitter.com/intent/tweet?text=恒心教の尊師">例のアレ</a>

 結果→ 例のアレ

 

2-2 画像をボタンとする場合

 この場合も以下の通りとなります

<a href="https://twitter.com/intent/tweet?text=ツイート文"><img src="画像のURL"></a>

 

 (例)恒心教の尊師とツイートする(画像のURL)のボタン

<a href="https://twitter.com/intent/tweet?text=恒心教の尊師"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/J/JohnTitor/20170713/20170713104515.png" width="128"></a>

結果

 

地上波にも出始めた尊師...これからも頑張って!

 

あとがき

洒落た見出しを初めて使ってみました。