การแชร์ URL กับสตริงข้อความค้นหาบน Twitter

ฉันกำลังพยายามใส่ลิงค์แชร์ของ Twitter ในอีเมล เนื่องจากนี่เป็นอีเมลฉันจึงไม่สามารถพึ่งพา JavaScript ได้และต้องใช้ปุ่มทวีต "สร้างด้วยตัวคุณเอง"

ตัวอย่างเช่นการแชร์ลิงก์ไปยัง Google:

<a href="http://www.twitter.com/share?url=http://www.google.com/>Tweet</a>

ใช้งานได้ดี ปัญหาที่ฉันพบคือเมื่อ URL มีสตริงข้อความค้นหา

<a href="http://www.twitter.com/share?url=http://mysite.org/foo.htm?bar=123&baz=456">Tweet</a>

URL ที่มีสตริงข้อความค้นหาทำให้บริการย่อ URL ของ Twitter สับสน t.co ฉันได้ลองเข้ารหัส URL หลายวิธีแล้วและไม่สามารถใช้งานได้เลย สิ่งที่ใกล้เคียงที่สุดที่ฉันได้มาคือการทำสิ่งนี้

<a href="http://www.twitter.com/share?url=http://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456">Tweet</a>

ที่นี่ฉันเข้ารหัสเฉพาะสตริงการสืบค้น เมื่อฉันทำสิ่งนี้ t.co จะทำให้ URL สั้นลงได้สำเร็จ แต่เมื่อทำตามลิงก์ที่ย่อลงจะพาคุณไปยัง URL ที่เข้ารหัส ฉันเห็นhttp://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456ในแถบที่อยู่และได้รับข้อผิดพลาดต่อไปนี้ในเบราว์เซอร์

ไม่พบ

ไม่พบ URL ที่ร้องขอ /foo.htm?bar=123&baz=456 บนเซิร์ฟเวอร์นี้

ฉันกำลังสูญเสียว่าจะแก้ปัญหานี้อย่างไร

แก้ไข: Re: onteria_

ฉันได้ลองเข้ารหัส URL ทั้งหมดแล้ว เมื่อฉันทำเช่นนั้นจะไม่มี URL ปรากฏในทวีต

สิ่งนี้จะทำงานให้คุณ

http://twitter.com/share?text=text goes here&url=http://url goes here&hashtags=hashtag1,hashtag2,hashtag3

นี่คือตัวอย่างสดเกี่ยวกับมัน

http://twitter.com/share?text=Im การแบ่งปันบน Twitter & url = https: //stackoverflow.com/users/2943186/youssef-subehi&hashtags=stackoverflow,example,youssefusf

ซึ่งสามารถแก้ไขได้โดยใช้https://twitter.com/intent/tweetแทนhttp://www.twitter.com/share. การใช้intent/tweetฟังก์ชันนี้คุณเพียงแค่เข้ารหัส URL ทั้งหมดของคุณและมันก็ใช้งานได้ดี

https://dev.twitter.com/web/intents

ใช้ความตั้งใจของเว็บทวีตนี่คือลิงค์ง่ายๆ:

https://twitter.com/intent/tweet?url=<?=urlencode($url)?>

ตัวแปรเพิ่มเติมที่https://dev.twitter.com/web/tweet-button/web-intent

ไม่ง่ายไปกว่านี้:

<a href="https://twitter.com/intent/tweet?text=optional%20promo%20text%20http://example.com/foo.htm?bar=123&baz=456" target="_blank">Tweet</a>

คุณสามารถใช้ฟังก์ชันเหล่านี้:

 function shareOnFB(){
       var url = "https://www.facebook.com/sharer/sharer.php?u=https://yoururl.com&t=your message";
       window.open(url, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
       return false;
  }


function shareOntwitter(){
    var url = 'https://twitter.com/intent/tweet?url=URL_HERE&via=getboldify&text=yourtext';
    TwitterWindow = window.open(url, 'TwitterWindow',width=600,height=300);
    return false;
 }


function shareOnGoogle(){
     var url = "https://plus.google.com/share?url=https://yoururl.com";
     window.open(url, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=350,width=480');
     return false;
}


<a onClick="shareOnFB()"> Facebook </a>
<a onClick="shareOntwitter()"> Twitter </a>
<a onClick="shareOnGoogle()"> Google </a>

คุณต้องเปลี่ยน & เป็น% 26 ในสตริงข้อความค้นหาจาก url ของคุณ

ดูสิ่งนี้: https://dev.twitter.com/discussions/8616

ฉันอ้างอิงวิธีการทั้งหมด

เข้ารหัสแบบสอบถามสองครั้งเป็นวิธีแก้ปัญหาที่รวดเร็ว

const query = a=123&b=456;
const url = `https://example.com/test?${encodeURIComponent(encodeURIComponent(query),)}`;


const twitterSharingURL=`https://twitter.com/intent/tweet?&url=${url}`

คุณไม่จำเป็นต้องใช้ความตั้งใจ แต่คุณเข้ารหัส URL ของคุณมันจะทำงานร่วมกับ twitter share เช่นกัน

ดังที่ @onteria_ กล่าวถึงคุณต้องเข้ารหัสพารามิเตอร์ทั้งหมด สำหรับใครก็ตามที่ประสบปัญหาเดียวกันคุณสามารถใช้ bookmarklet ต่อไปนี้เพื่อสร้าง url ที่เข้ารหัสอย่างถูกต้อง คัดลอกวางลงในแถบที่อยู่ของเบราว์เซอร์ของคุณเพื่อสร้างURL ที่ทวิตเตอร์ ตรวจสอบให้แน่ใจว่ามีjavascript:คำนำหน้าอยู่เมื่อคุณคัดลอกลงในแถบที่อยู่ Google Chrome จะลบออกเมื่อทำการคัดลอก

javascript:(function(){var url=prompt("Enter the url to share");if(url)prompt("Share the following url - ","http://www.twitter.com/share?url="+encodeURIComponent(url))})();

แหล่งที่มาของ JS Fiddle http://jsfiddle.net/2frkV/

หากคุณเพิ่มคู่มือในไซต์ html เพียงแค่แทนที่:

&

กับ

&

รหัส html มาตรฐานสำหรับ &

ตอนนี้ Twitter ให้คุณส่ง URL ผ่านแอตทริบิวต์ข้อมูล สิ่งนี้ใช้ได้ดีสำหรับฉัน:

<a href="javascript:;" class="twitter-share-button" data-lang="en" data-text="check out link b" data-url="http://www.lyricvideos.org/tracks?videoURL=SX05JZ4FisE">Tweet</a>

ใช้แหล่งข้อมูล Twitter Intent https://dev.twitter.com/web/tweet-button/web-intent