0

ここでの作業コードは、ページにツイート ボタンを正しく配置し、ユーザーがツイートをプレビューしてからコミットできるようにします。

<a href="https://twitter.com/share" class="twitter-share-button" 
    data-text="Check out this URL! "
    data-url="www.OurSite.com/UX1ab7"
    data-via="OurSite" data-size="large" data-count="none">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0]; 
    if(!d.getElementById(id)) {
        js=d.createElement(s); js.id=id; 
        js.src="//platform.twitter.com/widgets.js";
        fjs.parentNode.insertBefore(js,fjs);}
    }
    (document,"script", "twitter-wjs");
</script>

思い出すと (たとえば、自分のツイートを見て)、機能するリンクをツイートに貼り付けることができます。これは、Twitter フォロワーの 1 人がツイートを読んだときに気付くリンクです。

   'hey, I see an embedded URL here in this tweet -- I can tell it's a link 
    because it looks like a URL and its text color is a different color from 
    the other text in the tweet.  Here let me click on that url in the tweet
    and -- HEY it works, that blue-colored text IS a link, I just jumped to www.xyx.com.'

上記のコードでは、'data-url' 設定により、特別に色付けされたリンク URL がツイートの本文に表示されるようになっているという印象を受けました。まあ、私の場合はそうではありません。

上記の私のコードでは、 data-url="www.OurSite.com/UX1ab7" はツイートにもまったく表示されません。そして、「データテキスト」を次のように変更します

   data-text="Check out this URL! www.OurSite.com/UX1ab7"

上記のコードによって生成されたツイートは次のとおりです。 この URL をチェックしてください。www.OurSite.com/UX1ab7

しかし、「www.OurSite.com/UX1ab7」という URL がツイート内に表示されていても、それはリンクではなく単なるテキストであり、ツイートの残りの部分と同じテキストの色になっています。

上記のツイートの www.OurSite.com/UX1ab7 テキストは、

  • クリック可能なリンクのように見える

  • クリック可能なリンクのように振る舞う

それはただのテキストです。

ツイート ボタンでクリック可能な URL リンクを表示するにはどうすればよいですか? 「data-url」によってリンクが表示され、クリック可能になると思いましたが、そうではありません。

4

2 に答える 2

2

ツイートしているとき、それは特定のページからのものですか? つまり、ブログ投稿または情報記事ですか? もしそうなら、私はあなたがdata-urlオプションを省略できると信じており、アドレスバーから URL を取得するはずです.

これは、ツイートに使用するコードです

<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-size="large" data-count="none">Tweet</a>

これにより、ページ タイトル (タグで定義できます) と現在表示しているページの URL がプルダウンされるためdata-text、次のような結果が得られます。

{{Title of Page or Title defined by data-text}} 
{{http://oursite.com/url_of_page_i_am_on}}
于 2012-03-12T13:27:42.167 に答える
0

おそらく、あなたが共有しているリンクが一般公開されていないためです。ローカル/開発ドメインでは機能しません。

編集：

修正。相対 URL (「 https://mysite.com/blog 」ではなく「/blog」) を使用していたため、うまくいきませんでした。

于 2014-06-11T16:46:56.160 に答える