【Twitter】Twitterボタンの設置

質問

「ボタンのオプション」の「URLを共有＞ページのURLを使う」とその下に「http://」と書かれた枠がありますが、この違いが分かりません。

「ツイート内テキスト」「推奨」についても同様で何を示しているのか分かりません。

「コードのプリビューを見る　ボタンを使ってみた後、以下のHTMLをサイトにコピペしてください」を試そうとしたのですが、自分のブログの記事に貼っても「記事内容に禁止タグが入力されています」というエラーがでてしまいます。

ブログ（アメブロ）やHPに作る場合、どうすればよいのでしょうか？

回答No.1

tacop · ベストアンサー

こんにちは。

＞「ボタンのオプション」の「URLを共有＞ページのURLを使う」とその下に「http://」と書かれた枠がありますが、この違い

そのボタンでどのページを共有するのかによってどちらを選ぶかが決まります。
開いているそのページ（Twitterボタンの設定ページ）を共有する場合は「このページのURLを使う」を選択、
そのほかの任意のページを共有する場合は「http://」欄に共有したいページのアドレスを入力します。

例えば自分のブログの特定の記事を共有するためにそのボタンを付けたい場合は、
その記事のアドレスを「http://」のほうに入力してボタンを作成する、ということです。

＞「ツイート内テキスト」

ボタンを押してツイート作成画面を表示する際に、その画面内に予め表示されるテキストを指定する設定です。
「ページのタイトルを使う」ならボタンをクリックすると自動的にツイートの中にそのページのタイトルが入力されます。
その下のテキストボックスを選択して任意の文章を入れればその文章が表示されます。

＞「推奨」

ツイートし終わった後に「この人をフォローしてはどうですか？」という表示が出ることがありますが、その推薦者アカウントになるようです。

＞自分のブログの記事に貼っても「記事内容に禁止タグが入力されています」というエラーがでてしまいます

TwitterボタンはScriptタグを使用していますが、アメブロでは記事内でScriptタグを使うことはできないようです。
（禁止タグ指定）
代わりに「フリープラグイン」を使えばブログ内への貼付けが出来るとのことですが、私はアメブロユーザーではないので詳しいことは判りません。
ヘルプ内の下記ページで解説されていますので参照してみてください。
■アメブロの禁止タグについて教えてください。
http://helps.ameba.jp/faq/blog/article/post_107.html

以上、ご参考まで。

お礼

以下は実行の結果メモですので、読まなくても結構です。

●「URLを共有＞ページのURLを使う」
は「Twitterボタン」のページから、「Twitterボタン」のページが、自分のツイッターにツイートできる。

・「ツイート内テキスト＞ページのタイトルを使う」
を付属させると、先頭にこのページのタイトルが付く。

【例】
「Twitter / Twitterボタン https://twitter.com/about/resources/buttons#tweet@（ユーザ名）さんから」

・「ツイート内テキスト＞（任意入力）」
を付属させると、先頭に任意でつけた文字列が付く。

【例】
「（任意の文字列） https://twitter.com/about/resources/buttons#tweet @（ユーザ名）さんから」

●「URLを共有＞http://」
は「Twitterボタン」のページから、入力したリンク先が、自分のツイッターにツイートできる。

・「ツイート内テキスト＞ページのタイトルを使う」
を付属させると、先頭にこのHPのタイトルが付く。

【例】
「Twitter / Twitterボタン（リンク先）@（ユーザー名）さんから」

・「ツイート内テキスト＞（任意入力）」
を付属させると、先頭に任意でつけた文字列が付く。

【例】
「（任意の文字列）（リンク先）@（ユーザー名）さんから」

補足

ご回答ありがとうございます。

「コードのプリビューを見る」ボタンから、「Twitterボタン」ページ、またリンク先が自分のツイッターからツイートできる。それぞれに「Twitterボタン」のタイトルか、任意タイトルがつけられる。

自分のHP（例えばJimdo。アメブロではない）から作成すると、リンク先はすべて、そのボタンを付けたHPのリンク先ツイートとなる。

ということが分かりましたが、自分のHPからの作成では、任意タイトルはつけられません。

タイトルは「Twitterボタン」ページからツイートする場合にのみ、適用されるのでしょうか？

回答No.2

tacop

＞自分のHPからの作成では、任意タイトルはつけられません。

私はスクリプトについての知識はないので、以下は「多分そうなんじゃないか」という推測であることを予めお断りしておきます。

まず、この「タイトル」が「URLを共有」で設定したページと合致するのは、そのページに実際に設置したあとです。
Twitterボタン作成のページにある「プレビュー」では、【Twitter / Twitterボタン】としか出て来ません。
これは実際にそのページ上にスクリプトがないとページタイトルを取得できないからだと思います。
もしもプレビューを見て「タイトルが変わらない」と仰っているなら、実際にそのページに設置してテストしてみてください。

実際に貼りつけてテストした結果「表示されない」というのであれば、そのサイトのHTML内の<title>タグ内が空なのではないでしょうか。
「ページのタイトルを使う」を選択したときにタイトルを表示出来るのは、そのページのHTML内の<title>～</title>の中に書かれている内容を読み取っているためだと思うので、<title>が空白、あるいは<title>属性自体欠落したHTMLになっていると取得するデータがないためタイトルが表示されないのではないかと思います。

もしきちんと入力されているのに反映しないのであれば、他には思い当たることがないので判りません。
他の方からの回答をお待ちください。

以上、殆ど推測のみの回答で申し訳ありませんが、ご参考になれば幸いです。