2017-12-08 6 views
0

URLをTwitterの「共有ボタン」に追加して、対象のページのセクションを指し示したいと思います。Twitterの共有ボタンのURLを変更する

私はこのコードを使用しています:

<div> 
<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=The process...random text. mezet.xyz/dl18/manifesto/#section" data-size="large"> 
Tweet</a> 
</div> 

enter image description here

+1

twitterの投稿をクリックすると、新しいポップアップウィンドウとして開き、ドメインバーに表示されているURLをコピーして、それを 'href'タグに貼り付けます。 – Ylama

+0

イメージでは、このリンクが表示されます:mezet.xyz/dl18/manifesto/、mezet.xyz/dl18/manifesto/#section1に変更します。私はポップアップで見るリンクの中でそれを行う方法を確信していません – NDOE

+1

'#section1'は、そのページリンクの' id'タグに行きたいということを意味します。 'id' =' section1'が利用可能なら、あなたはそれを行うことができますか?私が100%正しいことを理解しているかどうかわからない – Ylama

答えて

1

は、それはあなたがどこを探しているものです願っています。 urlのつぶやきを投稿して、idをリンクしているページの特定のセクションに移動したい場合は、twitterのために#urlで使用し、#タグを操作して次のようにします。

追加:

<div> 
 
    <a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=The process...of this is just total dummy text to test if i can manupilate the url. http://mezet.xyz/dl18/manifesto/%23priorities-section " data-size="large">Tweet</a> 
 
</div>

実行コードsnipptは、右の "ツイート" とopen link in new tabをクリックタグとして23。 #タグが追加されたURLが表示されます。

+0

私はこの結果を得る:このプロセス...私はURLをmanupilateできるかどうかをテストするための合計ダミーテキストです。 http://mezet.xyz/dl18/manifesto/#priorities-section ... http://mezet.xyz/dl18/manifesto/ これは両方のURLを共有します。私はurl insisde tweet?textを追加することで同じresulrを得ます。 – NDOE

+1

これを自分のコードスニペットとして使用する場合は、テキストスニペットの後に 'url'で投稿を表示するつぶやき' a'タグのテキストをクリックし、それをつぶしてリンクをクリックすると ' http:// mezet.xyz/dl18/manifesto /#priorityities-section' – Ylama

+1

divの周りのタグについて忘れる、ちょうど '%23'を使ってurl#タグを操作する – Ylama

関連する問題