ফেসবুক শেয়ার বোতাম এবং কাস্টম পাঠ্য [বন্ধ]


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
আপনি কী জানেন কীভাবে এই লিঙ্কটিকে পপআপ বা মডেল উইন্ডোতে খোলা করা যায়? কেবল কাজ করে এমন কোনও পদ্ধতি খুঁজে পাচ্ছেন না, এটি কিছু জেনেরিক পপআপ উইন্ডো কোড ব্যবহার করার মতো সহজ নয় ...
টিভিজিমার্ট

4
আরও কার্যকর তারপর উপরে উত্তর।
মেটেং

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>ইত্যাদি
মেটেং

পারফেক্ট, এটি হ্যাশবাং ইউআরএলগুলির জন্যও কাজ করে!
ডিভিটিওভার

73
এটি আর কাজ করে না।
চক লে বাট

30

ফেসবুককে কাস্টম প্যারামিটার দেওয়ার জন্য কেবল লিঙ্কটি দেওয়া ভাল হয় এবং ফেসবুকটি আপনি যে পৃষ্ঠাটি ভাগ করছেন তা থেকে স্বয়ংক্রিয়ভাবে তার শিরোনাম + বিবরণ + চিত্র পায় । "সহায়তা" করার জন্য ফেসবুক এপিআই সেই জিনিসগুলি সন্ধান করতে আপনি নীচের জিনিসগুলি পৃষ্ঠার শিরোনামে রাখতে পারেন যা আপনি ভাগ করছেন:

<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>

যেখানে টুইটারবিটিএন-লিংক এবং ফেসবুকবিটিএন-লিংক উভয়ই অ্যাঙ্কারের আইডি।


যদি ইউআরএলগুলি অভিন্ন হয় তবে মেটা বৈশিষ্ট্যগুলির ডেটাগুলি কি ফেসবুকের মাধ্যমে ক্যাশে করা হচ্ছে? বা আমি প্রতিটি পৃষ্ঠার দর্শন সহ পৃথক পোষ্ট ডেটা রাখতে পারি?
মেটেং

আপনি যে বলতে চাইছেন তা আমি পাইনি I
শায়ানকে

আমি সবেমাত্র এটি পেরিয়ে এসেছি। আমার হোমপেজে লাইক / শেয়ার কোড রয়েছে যা আমার ব্যবসায়ের সাথে যুক্ত ফেসবুক পৃষ্ঠাটি পছন্দ / ভাগ করতে সেট করা আছে। মনে হচ্ছে পেজে থাকা আমার ফেসবুক মেটা ট্যাগগুলি এড়ানো হচ্ছে। কেউ এই ইস্যুতে চালিত?
ক্রিস হকিন্স

4
এই পদ্ধতিটি আর কাজ করবে বলে মনে হয় না। আমি মনে করি কাস্টমাইজড ফেসবুক শেয়ার বোতামটি অর্জন করার একমাত্র উপায় (আপনার নিজের পাঠ্য, শিরোনাম এবং চিত্র সহ) ফেসবুক এসডিকে ব্যবহার করা।
রায়ান কুলওয়েবস

if( window.open(.....) ) event.preventDefault();স্রেফ modern মিথ্যা ফিরুন; of এর পরিবর্তে এটিকে আরও আধুনিক করে তোলার দুর্দান্ত সমাধান ˙! - এইভাবে এটি উইন্ডো খোলার সময় কেবলমাত্র ডিফল্ট আচরণের (লিঙ্ক ওপেন) প্রতিরোধ করে - যখন তা ছিল না তখন
ফ্যালব্যাক সরবরাহ করে

12

আইজোস প্রদত্ত লিঙ্ক থেকে প্রাপ্ত এই ফাংশনটি ব্যবহার করুন

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;
}

অথবা আরও নিয়ন্ত্রিত কলব্যাক ফাংশনের জন্য এফবি জাভাস্ক্রিপ্ট এসডিকে ব্যবহার করে আপনি সর্বশেষতম এফবি.ইউ ফাংশনও ব্যবহার করতে পারেন।

রেফারেন্স: এফবি.উই

    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.');
            }
          }
        );
    }

এই এফবি.ইউই সম্ভবত সবচেয়ে নির্ভরযোগ্য পদ্ধতির, এছাড়াও আপনি আপনার বাকী জাভাস্ক্রিপ্টের সাথে আপনার পৃষ্ঠার নীচে এই স্ক্রিপ্টটি লোড করতে এবং মান হিসাবে jquery ভেরিয়েবল / নির্বাচকগুলিতে লোড করতে পারেন। এই পোস্ট করার জন্য ধন্যবাদ।
ক্লিভিস

@ ব্ল্যাকহক ... তবে এফবি.ইউইয়েরও অ্যাপ_আইডি প্রয়োজন - এটি সর্বদা বিকল্প নয় ... :)
জাভ.ওয়েব

@ ব্র্যাভেশ বি এফবি.ইউ সম্পর্কিত যে ডকুমেন্টেশনগুলি অনুসন্ধান করেছেন আপনি লিঙ্ক করেছেন আমি ছবি, ক্যাপশন, বিবরণের মতো এফবি.ইউতে যে প্যারামগুলি দিয়েছি তা খুঁজে পেলাম না। তুমি কি আমাকে বলতে পার যে এগুলি কোথায় পেয়েছে?
ফেরেক্স

@ ফেয়ারেক্স আপনি এখানে প্যারামগুলি খুঁজে পেতে পারেন বিকাশকারী.ফেসবুক
ভাবেশ বি

4
18 এপ্রিল, 2017 পর্যন্ত, নিম্নলিখিত প্যারামিটারগুলি আর গ্রাফ এপিআই সংস্করণ 2.9 এবং এর বেশি দ্বারা সমর্থিত নয়। সংস্করণ ২.৮ এবং এর চেয়ে কমের জন্য, প্যারামিটারগুলি জুলাই 17, 2017 পর্যন্ত কাজ চালিয়ে যাবে
গোরান জাকোভেলজেভিচ

9

আপনার কাছে বেশ কয়েকটি বিকল্প রয়েছে:

  1. ওপেন গ্রাফ এপিআইয়ের মাধ্যমে স্ট্যান্ডার্ড এফবি শেয়ার বোতামটি ব্যবহার করুন এবং পাঠ্য সেট করুনআপনার পৃষ্ঠায় এবং মেটা ট্যাগের ।
  2. শেয়ারের পরিবর্তে, এফবি.উই ব্যবহার করুন স্ট্রিম.প্রকাশ পদ্ধতিটি যা আপনাকে ইউআরএল, শিরোনাম, ক্যাপশন, বিবরণ এবং থাম্বনেইল রান-টাইমে নিয়ন্ত্রণ করতে দেয়।
  3. অথবা উপযুক্ত পরামিতিগুলির সাথে http://www.facebook.com/sharer.php ব্যবহার করুন

4
আপনি কি উত্তরোত্তর বিস্তারিত বলতে পারেন? এই পরামিতি কি?
জেরোইন ভেনেভেল

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>

নীচের কোডটি অনুলিপি করা এবং আটকানোর আগে আপনাকে অবশ্যই প্রথমে এসডিকে আরম্ভ করতে হবে এবং jQuery লাইব্রেরি সেট আপ করতে হবে। তথ্য কীভাবে একইভাবে সেট করা যায় তার এক ধাপে জানতে দয়া করে এখানে ক্লিক করুন


3

এটি বর্তমান সমাধান (ডিসেম্বর 2014) এবং বেশ ভালভাবে কাজ করে। ইহাতে অতিরিক্ত বৈশিষ্ট্যগুলিও উপস্থিত রয়েছে

  • একটি পপআপ উইন্ডো খুলুন
  • স্ব-সংযুক্ত স্নিপেট, অন্য কিছুর প্রয়োজন নেই
  • জেএস এর সাথে বা ছাড়া কাজ করে। যদি জেএস অক্ষম থাকে তবে ভাগ উইন্ডোটি এখনও খোলা হয়, যদিও এটি একটি ছোট পপআপ হিসাবে না।

<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 ভাগ ভাগ করার URL হিসাবে সংজ্ঞায়িত করা উচিত।


আমার পৃষ্ঠাটি https দিয়ে শুরু হয় যেখানে এটি আমার ক্ষেত্রে কাজ করে না ...?
d4v1dv00

4
এই উত্তরটি এখন অবৈধ, কারণ ফেসবুক
শেয়ারারে


-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/ ব্যবহার করে দেখুন । আশাকরি এটা সাহায্য করবে.


4
এটি লোকেদের কাস্টম শিরোনাম / বিবরণগুলির সন্ধান করছে এমন সমস্যার সমাধান করে না
এডি 20

আপনার সমাধানের সাথে ফেসবুকের সাথে কাস্টম পাঠ্য লেখা সম্ভব নয় দয়া করে অন্য একটি সমাধান দিন
রবিপাটিদার
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.