2013-03-14 10 views
20

मैं एक कस्टम ट्वीट बटन मिल गया है के लिए कस्टम डिजाइन:घटनाओं के साथ ट्विटर बटन

<a href="http://twitter.com/share?url=http://example.com;text=myText;size=l&amp;count=none" target="_blank"> 
    <div> 
     <img src="/assets/twitter-logo.jpg"> 
     <span>Twitter</span> 
    </div> 
</a> 

अब मैं के बाद ट्वीट प्रकाशित किया गया है कुछ परिणाम हासिल करना चाहते हैं। ऐसा करने के लिए, मैं ट्विटर घटनाक्रम एपीआई देखा है:

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 
<script type="text/javascript"> 
    twttr.events.bind('tweet', function (event) { 
     alert("Tweet Successful"); 
    }); 
</script> 

बहरहाल, यह केवल API गैर कस्टम बटन (twitter-share-button वर्ग) पर काम करता है।

कोई भी एक कस्टम बटन बनाने में कामयाब रहा है जो घटनाओं को सुनता है?

+2

के साथ कुछ एक आप क्यों नहीं बस अपने कस्टम बटन तत्व को 'ट्विटर शेयर-button' वर्ग को जोड़ने नहीं होता है? क्या आप पहले से ही कोशिश कर चुके थे? यदि यह स्टाइल या तो टूट जाता है, तो आप हमेशा कस्टम स्टाइलशीट के साथ ट्विटर विशिष्ट स्टाइल को ओवरराल कर सकते हैं। –

+2

ट्विटर-जावास्क्रिप्ट लाइब्रेरी द्वारा ट्विटर सामग्री साझा करने के लिए ट्विटर-जावास्क्रिप्ट लाइब्रेरी का उपयोग किया जाता है और एक आईफ्रेम डालने के लिए उपयोग किया जाता है। – Mateu

+0

अच्छी कॉल @Mateu। मैंने अपनी पुस्तकालय के सटीक काम की जांच नहीं की; बस जोर से सोच रहा था कि मैं क्या करूँगा। वैसे मुझे लगता है कि आपके द्वारा प्रदान किया गया कोड उदाहरण एक * उदाहरण * है और आपके वास्तविक कोड की कार्बन कॉपी नहीं है? चूंकि आपके कोड में एक टाइपो मेरे लिए छोटे से संपादित करने के लिए है: 'wttr.events.bind' होना चाहिए' twttr.events.bind' –

उत्तर

30

आपके पास कस्टम लिंक हो सकता है और अभी भी वेब इरादे हो सकता है!

कुंजी, है बजाय अपने लिंक "https://twitter.com/share" इसे करने के लिए "https://twitter.com/intent/tweet"

इस तरह इंगित करना चाहिए की ओर इशारा करते के:

<a href="https://twitter.com/intent/tweet">Tweet</a> 

इस तरह से आप आप की तरह वेब उद्देश्यों को उपयोग कर सकते हैं कोशिश कर रहे थे:

twttr.events.bind('tweet', function (event) { 
    // Do something there 
    alert('Tweeted'); 
}); 

चेक इस jsFiddle

+0

खेद है कि यह काम नहीं कर रहा था ... – juanchod

+0

मैं उस लिंक को कैसे शामिल कर सकता हूं जिसे मैं इस से जोड़ना चाहता हूं? क्रिप्या मेरि सहायता करे। – CENT1PEDE

+1

@GreenFox इस तरह? [एक लिंक के साथ ट्वीट करें] (https://twitter.com/intent/tweet?url=http%3A%2F%2Fnunooliveira.me) क्या यह आपकी तलाश है? – nmoliveira

0

मैं एक शेयर कार्रवाई

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

<script> 
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 

     twttr.ready(function (twttr) { 
     twttr.events.bind('tweet', function (event) { 
     alert("paso"); 
     }); 

    }); 
</script> 

http://jsfiddle.net/aXCNX/139/

संबंधित मुद्दे