फेसबुक शेयर बटन और कस्टम पाठ [बंद]


94

क्या फेसबुक शेयर बटन बनाने का कोई तरीका है जो दीवार या समाचार फ़ीड पर कस्टम पाठ पोस्ट करता है?


जवाबों:


94

हम कुछ इस तरह का उपयोग करते हैं [एक पंक्ति में उपयोग करें]:

<a title="send to Facebook" 
  href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images][0]=YOUR_IMAGE_TO_SHARE_OBJECT"
  target="_blank">
  <span>
    <img width="14" height="14" src="'icons/fb.gif" alt="Facebook" /> Facebook 
  </span>
</a>

4
क्या आप जानते हैं कि पॉपअप या मोडल विंडो में इस लिंक को कैसे खोलें? बस एक विधि नहीं मिल सकती है जो काम करती है, यह कुछ सामान्य पॉपअप विंडो कोड का उपयोग करने के रूप में सरल नहीं है ...
tvgemert

1
अधिक प्रभावी तो शीर्ष पर उत्तर।
मटेंग

29
@tvgemert: कोशिश करें <a class="facebook" target="_blank" onclick="return !window.open(this.href, 'Facebook', 'width=640,height=300')" href="http://www.facebook.com/sharer/sharer.php?u=YOUR_URL">Facebook</a>आदि
Mateng

बिल्कुल सही, यह भी हैशबैंग यूआरएल के लिए काम करता है!
डीवीटीएवर

73
यह अब काम नहीं करता है।
चक ले बट

30

फेसबुक को कस्टम पैरामीटर देने के लिए केवल लिंक देने के लिए अपना बेहतर शेयर करें और जिस पेज को आप साझा कर रहे हैं उससे फेसबुक को अपने शीर्षक + विवरण + चित्र को स्वचालित रूप से मिल जाता है। Facebook API "मदद" करने के लिए उन चीज़ों को खोजें जिन्हें आप पृष्ठ के शीर्ष लेख में निम्नलिखित बातें रख सकते हैं जिन्हें आप साझा कर रहे हैं:

<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

यहा जांचिये

यदि पृष्ठ आपके नियंत्रण उपयोग के अधीन नहीं है, तो एलीसन ने ऊपर जो साझा किया है।

पॉपअप मोडलव्यू प्रकार के व्यवहार के लिए:

अपने स्वयं के बटन / लिंक / टेक्स्ट का उपयोग करें और फिर आप इस तरह से एक पॉपुलर दृश्य प्रकार का उपयोग कर सकते हैं:

<script type= 'text/javascript'>
$('#twitterbtn-link,#facebookbtn-link').click(function(event) {
var width  = 575,
    height = 400,
    left   = ($(window).width()  - width)  / 2,
    top    = ($(window).height() - height) / 2,
    url    = this.href,
    opts   = 'status=1' +
             ',width='  + width  +
             ',height=' + height +
             ',top='    + top    +
             ',left='   + left;

window.open(url, 'twitter', opts);

return false;
});
</script>

जहाँ twitterbtn-link और facebookbtn-link दोनों ही एंकर की id हैं।


यदि URL समान हैं, तो क्या मेटा गुण से डेटा फेसबुक द्वारा कैश किया जा रहा है? या क्या मैं हर पृष्ठ दृश्य के साथ व्यक्तिगत POST डेटा, जैसे, डाल सकता हूँ?
मटेंग

मुझे नहीं मिला कि आपका क्या मतलब है।
शयनक

मैं अभी इस पार आया था। मेरे पास मेरे होमपेज पर पसंद / शेयर कोड है जो मेरे व्यवसाय से जुड़े फेसबुक पेज को पसंद / साझा करने के लिए सेट है। ऐसा लगता है कि पृष्ठ पर मेरे द्वारा किए गए फेसबुक मेटा टैग्स को अनदेखा किया जा रहा है। किसी को भी इस मुद्दे में भाग?
क्रिस हॉकिन्स

1
यह विधि अब काम नहीं करती है। मुझे लगता है कि फेसबुक एसडीके का उपयोग करने के लिए एक अनुकूलित फेसबुक शेयर बटन (अपने स्वयं के पाठ, शीर्षक और छवि के साथ) प्राप्त करने का एकमात्र तरीका है।
रयान कूलवेब्स

महान समाधान, यह भी आधुनिक बनाने if( window.open(.....) ) event.preventDefault();के लिए सिर्फ 'झूठे वापस करने के बजाय?' - इस तरह यह केवल डिफ़ॉल्ट व्यवहार (लिंक ओपन) को रोकता है जब खिड़की खोली गई थी - जब यह नहीं था तो फ़ॉलबैक प्रदान करता है ...
jave.web

12

IJas द्वारा दिए गए लिंक से प्राप्त इस फ़ंक्शन का उपयोग करें

function openFbPopUp() {
    var fburl = '';
    var fbimgurl = 'http://';
    var fbtitle = 'Your title';
    var fbsummary = "your description";
    var sharerURL = "http://www.facebook.com/sharer/sharer.php?s=100&p[url]=" + encodeURI(fburl) + "&p[images][0]=" + encodeURI(fbimgurl) + "&p[title]=" + encodeURI(fbtitle) + "&p[summary]=" + encodeURI(fbsummary);
    window.open(
      sharerURL,
      'facebook-share-dialog', 
      'width=626,height=436'); 
    return  false;
}

या यदि आप अधिक नियंत्रित कॉलबैक फ़ंक्शन के लिए FB JavaScript SDK का उपयोग करके नवीनतम FB.ui फ़ंक्शन का उपयोग कर सकते हैं।

संदर्भ: FB.ui

    function openFbPopUp() {
        FB.ui(
          {
            method: 'feed',
            name: 'Facebook Dialogs',
            link: 'https://developers.facebook.com/docs/dialogs/',
            picture: 'http://fbrell.com/f8.jpg',
            caption: 'Reference Documentation',
            description: 'Dialogs provide a simple, consistent interface for applications to interface with users.'
          },
          function(response) {
            if (response && response.post_id) {
              alert('Post was published.');
            } else {
              alert('Post was not published.');
            }
          }
        );
    }

यह FB.ui शायद सबसे विश्वसनीय दृष्टिकोण है, साथ ही आप अपने स्क्रिप्ट के बाकी हिस्सों के साथ इस स्क्रिप्ट को अपने पेज के नीचे लोड कर सकते हैं, और मूल्यों के रूप में jquery चर / चयनकर्ताओं में लोड कर सकते हैं। इसे पोस्ट करने के लिए धन्यवाद।
क्लेविस

@blackhawk ... लेकिन FB.ui के लिए भी app_id की आवश्यकता होती है - जो हमेशा एक विकल्प नहीं है ... :)
jave.web

@Bravesh B FB.ui से जुड़े डॉक्यूमेंटेशन को सर्च करने पर आप मुझे वो परमेस नहीं दे पाए जो आप FB.ui को देते हैं जैसे पिक्चर, कैप्शन, डिस्क्रिप्शन। क्या आप मुझे बता सकते हैं कि आपने उन्हें कहाँ पाया?
फेरेक्स

@Ferex पर आप यहाँ पर डेवलपर्स
भावेश B

1
18 अप्रैल, 2017 तक, निम्न पैरामीटर ग्राफ़ API संस्करणों 2.9 और उच्चतर द्वारा समर्थित नहीं हैं। 2.8 और उससे कम के संस्करणों के लिए, पैरामीटर 17 जुलाई, 2017 तक काम करना जारी रखेंगे।
गोरान जकोवल्जेविक

9

आपके पास कई विकल्प हैं:

  1. मानक एफबी शेयर बटन का उपयोग करें और अपने पृष्ठ पर ओपन ग्राफ़ एपीआई और मेटा टैग के माध्यम से पाठ सेट करें ।
  2. शेयर के बजाय, FB.ui की स्ट्रीम.प्रकाश विधि का उपयोग करें, जो आपको रन-टाइम पर URL, शीर्षक, कैप्शन, विवरण और थंबनेल को नियंत्रित करते हैं।
  3. या उचित मापदंडों के साथ http://www.facebook.com/sharer.php का उपयोग करें

2
क्या आप बाद के बारे में विस्तार से बता सकते हैं? ये पैरामीटर क्या हैं?
जीरो वेनवेल

6

आप फेसबुक द्वारा प्रदान किए गए अतुल्यकालिक जावास्क्रिप्ट एसडीके का उपयोग करके और इसके पैरामीटर मान सेट करके फेसबुक शेयर संवाद बॉक्स को अनुकूलित कर सकते हैं

निम्नलिखित कोड पर एक नज़र है:

<script type="text/javascript">
  $(document).ready(function(){
    $('#share_button').click(function(e){
      e.preventDefault();
      FB.ui(
        {
          method: 'feed',
          name: 'This is the content of the "name" field.',
          link: 'URL which you would like to share ',
          picture: ‘URL of the image which is going to appear as thumbnail image in share dialogbox’,
          caption: 'Caption like which appear as title of the dialog box',
          description: 'Small description of the post',
          message: ''
        }
      );
    });
  });
</script>

नीचे दिए गए कोड को कॉपी और पेस्ट करने से पहले आपको पहले SDK को इनिशियलाइज़ करना होगा और jQuery लाइब्रेरी को सेट करना होगा। कृपया कदम पर एक कदम जानने के लिए यहां क्लिक करें , उसी पर जानकारी कैसे सेट करें।


3

यह वर्तमान समाधान (दिसंबर 2014) है और काफी अच्छी तरह से काम करता है। इसकी विशेषताएं

  • पॉपअप विंडो खोलें
  • आत्म निहित स्निपेट, किसी और चीज की आवश्यकता नहीं है
  • जेएस के साथ या बिना काम करता है। यदि JS अक्षम है, तो शेयर विंडो अभी भी खुलती है, भले ही वह छोटा पॉपअप न हो।

<a onclick="return !window.open(this.href, 'Share on Facebook', 'width=640, height=536')" href="https://www.facebook.com/sharer/sharer.php?u=href=$url&display=popup&ref=plugin" target="_window"><img src='/_img/icons/facebook.png' /></a>

$ url var को साझा करने के लिए URL के रूप में परिभाषित किया जाना चाहिए।


यह मेरे मामले पर काम नहीं करता है जहां मेरा पृष्ठ https से शुरू होता है ...?
d4v1dv00

1
यह उत्तर अब अमान्य है, क्योंकि फेसबुक ने किसी भी अन्य मापदंडों का समर्थन करना बंद कर दिया है
विक्रांत


-2

आप window.openफ़ंक्शन के साथ एलीसन के विचार को जोड़ सकते हैं : http://www.w3schools.com/jsref/met_win_open.asp

function openWin(url) {
    myWindow = window.open(url, '', 'width=800,height=400');
    myWindow.focus();
}

और फिर प्रत्येक लिंक पर आप ओपनविन फ़ंक्शन को सही सामाजिक शुद्ध यूआरएल के साथ कहते हैं।


-3

इस साइट का प्रयास करें http://www.sharelinkgenerator.com/ । उम्मीद है की यह मदद करेगा।


3
यह उस समस्या को हल नहीं करता है जहां लोग कस्टम शीर्षक / विवरण की तलाश कर रहे हैं
एडी

आपके समाधान के साथ फेसबुक के साथ कस्टम टेक्स्ट डालना संभव नहीं है, कृपया एक और समाधान दें
RaviPatidar
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.