ফেসবুক শেয়ার লিঙ্ক জাভাস্ক্রিপ্ট ছাড়া


137

নিম্নলিখিত লিঙ্কটি টুইটারে একটি পৃষ্ঠা ভাগ করে নেওয়ার জন্য:

http://twitter.com/share

ফেসবুকের জন্য কি এমন কোনও বিকল্প রয়েছে যা জাভাস্ক্রিপ্টের প্রয়োজন নেই?

আমি http://facebook.com/sharer.php সম্পর্কে জানি , তবে এর জন্য ম্যানুয়ালি whichোকানোর জন্য একটি প্যারামিটার প্রয়োজন (যা আমি করতে যাচ্ছি না), বা জাভাস্ক্রিপ্ট (যা আমার অবস্থার সাথে মানায় না)।

উত্তর:


190

আপনি ব্যবহার করতে পারেন

<a href="https://www.facebook.com/sharer/sharer.php?u=#url" target="_blank">Share</a>

বর্তমানে প্যারামিটার হিসাবে বর্তমান url পাস না করে ভাগ করার বিকল্প নেই। এটি অর্জনের জন্য আপনি পরোক্ষ উপায় ব্যবহার করতে পারেন।

  1. উদাহরণস্বরূপ একটি সার্ভার সাইড পৃষ্ঠা তৈরি করুন: "/sharer.aspx"
  2. আপনি যখনই ভাগ করার কার্যকারিতা চান তখন এই পৃষ্ঠাটি লিঙ্ক করুন।
  3. "Sharer.aspx" এ রিফ্রিং ইউআরএল পান এবং ব্যবহারকারীকে " https://www.facebook.com/sharer/sharer.php?u= {রেফারার r" এ পুনঃনির্দেশ করুন

এএসপি উদাহরণ। নেট কোড:

public partial class Sharer : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        var referer = Request.UrlReferrer.ToString();

        if(string.IsNullOrEmpty(referer))
        {
            // some error logic
            return;
        }

        Response.Clear();
        Response.Redirect("https://www.facebook.com/sharer/sharer.php?u=" + HttpUtility.UrlEncode(referer));
        Response.End();
    }
}

হ্যাঁ এটি একটি দুর্দান্ত বিকল্প। তবে আমি যদি এইটি চাইলে জেএস সংস্করণের মতো একটি পপ আপ খুলতে পারি তবে আমার কী করা উচিত? এই মুহুর্তে এটি একটি নতুন ট্যাবে খুলছে! ধন্যবাদ!
সাগিরউদ্দিন মন্ডল

এটি আমি যা চাইছিলাম তা নয়। এটির জন্য পৃষ্ঠার URL টি ভাগ করা হচ্ছে তা আপনার জানা দরকার, যাতে আপনি hrefপৃষ্ঠার URL টি দিয়ে "# ইউরএল" প্রতিস্থাপন করতে পারেন । Twitter.com/share লিঙ্কটি ব্যবহার করে তবে আপনাকে নিজের ভাগ করে নেওয়ার পৃষ্ঠার ইউআরএল সন্নিবেশ করার প্রয়োজন নেই।
ওয়েব_ডিজাইনার

1
আপনি কীভাবে কোনও ছবি পাঠাতে জানেন?
মাইগুয়েল্প্পেন

@ মিগুয়েল্প্ন (এবং আরও নতুন পাঠক), এই উত্তরটি দেখুন । সংক্ষেপে: og:imageট্যাগ।
মোশ ফিউ

এই বিশেষ পদ্ধতির জন্য ডকুমেন্টেশন আছে?
নাভেদ খান

129

পিএস 2: জাস্টিন দ্বারা নির্দেশিত হিসাবে , ফেসবুকের নতুন শেয়ার ডায়ালগটি দেখুন । উত্তর উত্তর হিসাবে উত্তর ছেড়ে দেবে। এই উত্তর অচল


সংক্ষিপ্ত উত্তর, হ্যাঁ ফেসবুকের জন্য অনুরূপ বিকল্প রয়েছে, এর জন্য জাভাস্ক্রিপ্টের প্রয়োজন নেই (ভাল, কিছু ন্যূনতম ইনলাইন জেএস বাধ্যতামূলক নয়, দেখুন নোট)।

পিএস: onclickঅংশটি আপনাকে কেবল পপআপটিকে কিছুটা কাস্টমাইজ করতে সহায়তা করে তবে কোডটি কাজ করার প্রয়োজন হয় না ... এটি ছাড়া এটি ঠিক কাজ করবে।

ফেসবুক

<a href="https://www.facebook.com/sharer/sharer.php?u=URLENCODED_URL&t=TITLE"
   onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"
   target="_blank" title="Share on Facebook">
</a>

টুইটার

<a href="https://twitter.com/share?url=URLENCODED_URL&via=TWITTER_HANDLE&text=TEXT"
   onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"
   target="_blank" title="Share on Twitter">
</a>

@ সুপারলুমিনারি ... এটির দরকার আছে তবে এটির প্রয়োজন নেই। আমি উল্লেখ করেছি যে আপনি এটি (অনক্লিক অংশ) সরাতে পারবেন ... এবং এটি এখনও কার্যকর হবে। তবে আমি দেখতে পাচ্ছি যে এটি কীভাবে 100% পরিষ্কার নয় ... আমি এটি সম্পাদনা করব।
কিং'রি মইনা

2
প্রশংসনীয় অবক্ষয়ের দুর্দান্ত উদাহরণ!
আর্নল্ড ড্যানিয়েলস

6
+1 টি। পরিবর্তিত http://www.facebook.com/sharer.phpহওয়া উচিতhttp://www.facebook.com/sharer/sharer.php
নীড় লেভি

1
আমি এই উত্তরটি ফেসবুকের নির্দেশ মতো শেয়ার ডায়ালগটি ব্যবহার করার জন্য লোককে নির্দেশ করার জন্য আপডেট করব ।
জাস্টিন স্কিলস

TWITTER_HANDLEপ্যারামিটার কী ?
হামিদফজম

38

আপনার কোডটিতে জাভাস্ক্রিপ্ট অন্তর্ভুক্ত করা সম্ভব এবং এখনও জাভাস্ক্রিপ্টহীন ব্যবহারকারীদের সমর্থন করা সম্ভব।

কোনও ব্যবহারকারী যদি জাভাস্ক্রিপ্ট সক্ষম না করে নীচের যে কোনও লিঙ্কটিতে ক্লিক করেন, এটি কেবল একটি নতুন ট্যাব খুলবে:

<!-- Remember to change URL_HERE, TITLE_HERE and TWITTER_HANDLE_HERE -->
<a href="http://www.facebook.com/sharer/sharer.php?u=URL_HERE&t=TITLE_HERE" target="_blank" class="share-popup">Share on Facebook</a>
<a href="http://www.twitter.com/intent/tweet?url=URL_HERE&via=TWITTER_HANDLE_HERE&text=TITLE_HERE" target="_blank" class="share-popup">Share on Twitter</a>
<a href="http://plus.google.com/share?url=URL_HERE" target="_blank" class="share-popup">Share on Googleplus</a>

তারা share-popupশ্রেণিটি ধারণ করে , আমরা সহজেই এগুলিকে jQuery এ রেফারেন্স করতে পারি এবং আমরা যে ডোমেনটি থেকে ভাগ করে নিচ্ছি তার অনুসারে উইন্ডোর আকার পরিবর্তন করতে পারি:

$ ( "। শেয়ার-পপআপ")। ফাংশন ক্লিক করুন (() {
    var উইন্ডো_সাইজ = "প্রস্থ = 585, উচ্চতা = 511";
    var url = this.href;
    var ডোমেন = url.split ("/") [2];
    স্যুইচ (ডোমেন) {
        কেস "www.facebook.com":
            উইন্ডো_সাইজ = "প্রস্থ = 585, উচ্চতা = 368";
            বিরতি;
        কেস "www.twitter.com":
            উইন্ডো_সাইজ = "প্রস্থ = 585, উচ্চতা = 261";
            বিরতি;
        কেস "Plus.google.com":
            উইন্ডো_সাইজ = "প্রস্থ = 517, উচ্চতা = 511";
            বিরতি;
    }
    উইন্ডো.ওপেন (ইউআরএল, '', 'মেনুবার = না, সরঞ্জামদণ্ড = নয়, আকার পরিবর্তনযোগ্য = হ্যাঁ, স্ক্রোলবারস = হ্যাঁ,' + উইন্ডো_সাইজ);
    প্রত্যাবর্তন মিথ্যা;
});

আর কুরুচিপূর্ণ ইনলাইন জাভাস্ক্রিপ্ট, বা অগণিত উইন্ডো আকার পরিবর্তন পরিবর্তন। এবং এটি এখনও জাভাস্ক্রিপ্টহীন ব্যবহারকারীদের সমর্থন করে।


চমৎকার সমাধান! এছাড়াও, আমি বর্তমান পৃষ্ঠার ইউআরএল পূরণ করতে কিছু জাভাস্ক্রিপ্ট ব্যবহার করছি:$(".share-popup").each(function(){ var href = $( this ).attr( "href" ); href = href.replace( "URL_HERE", document.URL ); $( this ).attr( "href", href ); });
গাভিনো গ্রিফনি

@ গাভিনো গ্রিফোনি জাভাস্ক্রিপ্টহীন ব্যবহারকারীদের সমর্থন করার জন্য বর্তমান ইউআরএল সার্ভার-সাইডকে অন্তর্ভুক্ত করা আরও ভাল
rybo111

12

এই লিঙ্কের প্রকারগুলি আসলে আমার পক্ষে কাজ করে দেখুন।

https://www.facebook.com/sharer.php?u=YOUR_URL_HERE
https://twitter.com/intent/tweet?url=YOUR_URL_HERE
https://plus.google.com/share?url=YOUR_URL_HERE
https://www.linkedin.com/shareArticle?mini=true&url=YOUR_URL_HERE

7

ফিড ডায়ালগ পৃষ্ঠায় বর্ণিত হিসাবে আপনি ফিড URL "সরাসরি URL" বিকল্পটি ব্যবহার করতে পারেন :

আপনি স্পষ্টভাবে / ডায়ালগ / ফিডের শেষ পয়েন্টে ব্যবহারকারীকে নির্দেশ দিয়ে একটি ফিড ডায়ালগ আনতে পারেন:

  https://www.facebook.com/dialog/feed?  
  app_id=123050457758183&
  link=https://developers.facebook.com/docs/reference/dialogs/&
  picture=http://fbrell.com/f8.jpg&
  name=Facebook%20Dialogs&
  caption=Reference%20Documentation&
  description=Using%20Dialogs%20to%20interact%20with%20users.&
  redirect_uri=http://www.example.com/response`

দেখে মনে হচ্ছে তারা আর তাদের ডক্সে কোথাও "ভাগ করে নেওয়ার" কথা উল্লেখ করেছে না; এটি আপনার ফিডে যুক্ত করার ধারণাটির সাথে প্রতিস্থাপন করা হয়েছে।


2
তবে কোনও অ্যাপ আইডি নিবন্ধন না করে dialog সংলাপটি অ্যাক্সেস করা সম্ভব নয় কি?
এলি

7

আমি জানি এটি একটি পুরানো থ্রেড, তবে একটি প্রকল্পের জন্য আমাকে এরকম কিছু করতে হয়েছিল এবং আমি 2019 এর সমাধানটি ভাগ করতে চাই।

নতুন dialogএপিআই প্যারামগুলি পেতে এবং কোনও জাভাস্ক্রিপ্ট ছাড়াই ব্যবহার করতে পারে।

পরমগুলি হ'ল:

  • app_id (প্রয়োজনীয়)
  • href আপনি যে পৃষ্ঠার ভাগ করতে চান তার URL টি, যদি কেউ পাস না করে তবে বর্তমান URL টি ব্যবহার করবে না।
  • hashtagআছে #উদাহরণস্বরূপ #amsterdam চিহ্ন
  • quote লিঙ্কের সাথে ভাগ করতে পাঠ্য

আপনি কোনও জাভাস্ক্রিপ্ট ছাড়াই কোনও href তৈরি করতে পারেন যা এখন পর্যন্ত।

<a href="https://www.facebook.com/dialog/feed?&app_id=APP_ID&link=URI&display=popup&quote=TEXT&hashtag=#HASHTAG" target="_blank">Share</a>

একটি বিষয় বিবেচনা করতে হবে তা হল ফেসবুক ওপেন গ্রাফ ব্যবহার করছে যাতে আপনার ওজি ট্যাগগুলি সঠিকভাবে সেট না করা হয় আপনি নিজের পছন্দসই ফলাফলগুলি নাও পেতে পারেন।


এই উত্তর পোস্ট করার জন্য ধন্যবাদ। তবে আমি Can't Load URL: The domain of this URL isn't included in the app's domains. To be able to load this URL, add all domains and subdomains of your app to the App Domains field in your app settings.লোকালহোস্টে থাকা ত্রুটিটি পেয়েছি। কোন ধারনা? আমি এফবিতে Basicএবং Advancedসেটিংস উভয় ক্ষেত্রে বেশ কয়েকটি ডোমেন অন্তর্ভুক্ত করার চেষ্টা করেছি তবে কোনও ভাগ্য নেই।
padawanTony

display=popupডেস্কটপে কাজ করছে বলে মনে হচ্ছে না ।
নিক ম্যানারিন

6

এই উত্তরগুলির প্রচুর আর প্রয়োগ হয় না, তাই এখানে আমার:

ফেসবুক দেব পৃষ্ঠায় বর্ণিত শেয়ার ডায়ালগটি ব্যবহার করুন ।

উদাহরণ:

https://www.facebook.com/dialog/share?
  app_id=<your_app_id>
  &display=popup
  &href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F
  &redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer

তবে আপনাকে আপনার নিবন্ধিত অ্যাপ_আইডি, href এবং একটি পুনর্নির্দেশ uri রাখতে হবে।


redirect_uriআর দরকার নেই।
মরি 9


3

http://facebook.com/sharer.php হ্রাস করা হয়

আপনার কাছে কয়েকটি বিকল্প রয়েছে (iframe সংস্করণটি ব্যবহার করুন):

http://developers.facebook.com/docs/reference/plugins/like/

http://developers.facebook.com/docs/reference/plugins/send/

https://developers.facebook.com/docs/reference/plugins/like-box/


1
(iframe সংস্করণটি ব্যবহার করুন)
ডিএমসিএস

এটি আসলে যা আমি খুঁজছি তা নয়। আমি কেবল একটি অ্যাঙ্কর উপাদান ব্যবহার করতে চাই।
ওয়েব_ডিজাইনার

দুঃখিত, তাহলে আপনি ভাগ্যের বাইরে। এটি হয় জাভাস্ক্রিপ্ট বা আইফ্রেমেড।
ডিএমসিএস

3
আমি বলছি যে যদি ব্যবহারকারীর জাভাস্ক্রিপ্ট অক্ষম থাকে তবে তারা ফেসবুকে পৃষ্ঠাটি ভাগ করতে পারবেন না। আমি কেবল ভাবছিলাম যে টুইটার / শেয়ারের মতো কোনও লিঙ্ক আছে তবে ফেসবুকের জন্য।
ওয়েব_ডিজাইনার

1
@ ফ্লিম দয়া করে বিকাশকারীদের দেখুন.ফেসবুক.com/bugs/252983554810810 এবং নূরিনের মন্তব্য পড়ুন। ote উদ্ধৃতি} নূরিন লাদানী · · ফেসবুক টিম হাই রোনাল্ড - শেয়ার বোতামটি লাইক বোতামের পক্ষে হ্রাস করা হয়েছে। {উদ্ধৃতি}
ডিএমসিএস

3

আপনি যদি আরও ফোরামে ভাগ করতে চান তবে সমাধানটি এখানে দেওয়া আছে htt https://github.com/bradvin/social-share-urls


এটি একটি দুর্দান্ত প্রকল্প! আপনি তাদের সংক্ষিপ্তসার থেকে URL গুলি পেতে পারেন: gist.github.com/HoldOffHunger/1998b92acb80bc83547baeaff68aaaf4
ফ্যাবিয়ান ফন এলার্টস

2

যারা জাভাস্ক্রিপ্ট ব্যবহার করতে চান তবে ফেসবুক জাভাস্ক্রিপ্ট লাইব্রেরিটি ব্যবহার করতে চান না তাদের জন্য:

<a id="shareFB" href="https://www.facebook.com/sharer/sharer.php?u=URLENCODED_URL&t=TITLE"
   onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"   target="_blank" title="Share on Facebook">Share on Facebook</a>
<script type="text/javascript">document.getElementById("shareFB").setAttribute("href", "https://www.facebook.com/sharer/sharer.php?u=" + document.URL);</script>

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

কোনও ফেসবুক জেএস স্পাইওয়্যার ব্যবহার না করার সময় একটি সূঁচ ক্লিক বাঁচায় :)


এটি নতুন ট্যাবে খোলার কোনও উপায় আছে কি? এই মুহুর্তে এটি একটি পপআপ কল করছে
আলাউদ্দিন আহমেদ

2

@ Rybo111 এর সমাধানে যুক্ত করা, এখানে একটি লিঙ্কডইন ভাগ কী হবে:

<a href="http://www.linkedin.com/shareArticle?mini=true&url={articleUrl}&title={articleTitle}&summary={articleSummary}&source={articleSource}" target="_blank" class="share-popup">Share on LinkedIn</a>

এবং এটি আপনার জাভাস্ক্রিপ্টে যুক্ত করুন:

case "www.linkedin.com":
    window_size = "width=570,height=494";
    break;

লিংকডইন ডকুমেন্টেশন অনুসারে: https://developer.linkedin.com/docs/share-on-linkedin ("কাস্টমাইজড url" বিভাগ দেখুন)

যে কারও আগ্রহী, আমি এটি লিংকডইন লোগো সহ একটি রেলস অ্যাপ্লিকেশনটিতে ব্যবহার করেছি, সুতরাং আমার কোডটি যদি এটি সাহায্য করতে পারে তবে তা এখানে:

<%= link_to image_tag('linkedin.png', size: "50x50"), "http://www.linkedin.com/shareArticle?mini=true&url=#{job_url(@job)}&title=#{full_title(@job.title).html_safe}&summary=#{strip_tags(@job.description)}&source=SOURCE_URL", class: "share-popup" %>

1

কীভাবে সামগ্রী ভাগ করবেন: https://developers.facebook.com/docs/share/

আপনাকে জেএস ছাড়াই অবহেলা ফাংশনটি বেছে নিতে হবে এবং প্রতিদিন পরীক্ষা করতে হবে, বা জেএস ব্যবহার করার উপায়টি মজা করতে এবং মজা করতে হবে।

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