Tautan berbagi Facebook tanpa JavaScript

Tautan berikut untuk berbagi halaman di Twitter:

http://twitter.com/share

Apakah ada opsi serupa untuk Facebook yang tidak memerlukan JavaScript?

Saya tahu tentang http://facebook.com/sharer.php , tetapi itu membutuhkan parameter get untuk dimasukkan secara manual (yang tidak akan saya lakukan), atau dengan JavaScript (yang tidak sesuai dengan situasi saya).

Anda bisa menggunakan

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

Saat ini tidak ada opsi berbagi tanpa meneruskan url saat ini sebagai parameter. Anda dapat menggunakan cara tidak langsung untuk mencapai ini.

1. Buat halaman sisi server, misalnya: "/sharer.aspx"
2. Tautkan halaman ini kapan pun Anda menginginkan fungsionalitas berbagi.
3. Di "sharer.aspx" dapatkan url pengarah, dan alihkan pengguna ke " https://www.facebook.com/sharer/sharer.php?u= {referer}"

Contoh kode ASP .NET:

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

Mzm 2: Seperti yang ditunjukkan oleh Justin , lihat Dialog Berbagi Facebook yang baru . Akan meninggalkan jawabannya sebagaimana untuk anak cucu. Jawaban ini sudah usang

Jawaban singkatnya, ya ada opsi serupa untuk Facebook, yang tidak memerlukan javascript (yah, ada beberapa JS inline minimal yang tidak wajib, lihat catatan).

NB: Bagian ini onclickhanya membantu Anda menyesuaikan popup sedikit tetapi tidak diperlukan agar kode berfungsi ... ini akan berfungsi dengan baik tanpanya.

Facebook

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

Indonesia

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

JavaScript dapat disertakan dalam kode Anda dan masih mendukung pengguna non-JavaScript.

Jika pengguna mengklik salah satu link berikut tanpa mengaktifkan JavaScript, itu hanya akan membuka tab baru:

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

Karena mereka berisi share-popupkelas, kita dapat dengan mudah mereferensikan ini di jQuery, dan mengubah ukuran jendela agar sesuai dengan domain tempat kita berbagi:

$ (". share-popup"). click (function () {
    var window_size = "width = 585, height = 511";
    var url = this.href;
    var domain = url.split ("/") [2];
    switch (domain) {
        case "www.facebook.com":
            window_size = "width = 585, height = 368";
            istirahat;
        case "www.twitter.com":
            window_size = "width = 585, height = 261";
            istirahat;
        case "plus.google.com":
            window_size = "width = 517, height = 511";
            istirahat;
    }
    window.open (url, '', 'menubar = no, toolbar = no, resizable = yes, scrollbars = yes,' + window_size);
    return false;
});

Tidak ada lagi JavaScript sebaris yang jelek, atau perubahan ukuran jendela yang tak terhitung jumlahnya. Dan masih mendukung pengguna non-JavaScript.

Coba jenis tautan ini benar-benar berfungsi untuk saya.

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

Saya tahu ini adalah utas lama, tetapi saya harus melakukan sesuatu seperti itu untuk sebuah proyek dan saya ingin membagikan solusi 2019.

dialogAPI baru bisa mendapatkan params dan digunakan tanpa javascript.

Parameternya adalah:

• app_id (Yg dibutuhkan)
• href URL halaman yang ingin Anda bagikan, jika tidak ada yang lewat akan menggunakan URL saat ini.
• hashtagharus memiliki #simbol misalnya #amsterdam
• quote teks untuk dibagikan dengan tautan

Anda dapat membuat href tanpa javascript apa pun.

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

Satu hal yang perlu dipertimbangkan adalah Facebook menggunakan Open Graph sehingga jika tag OG Anda tidak disetel dengan benar, Anda mungkin tidak mendapatkan hasil yang Anda inginkan.

Anda dapat menggunakan opsi "URL Langsung" URL Umpan, seperti yang dijelaskan di halaman Dialog Umpan :

Anda juga dapat memunculkan Dialog Feed dengan mengarahkan pengguna secara eksplisit ke titik akhir / dialog / feed:

  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`

Sepertinya mereka tidak lagi menyebutkan "berbagi" di mana pun di dokumen mereka; ini telah diganti dengan konsep menambahkan ke Umpan Anda.

Banyak dari jawaban ini tidak lagi berlaku, jadi inilah jawaban saya:

Gunakan Dialog Berbagi yang dijelaskan di Halaman Pengembang Facebook .

Contoh:

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

Tapi Anda harus memasukkan app_id terdaftar Anda, href, dan uri pengalihan.

Silakan kunjungi situs web dan Anda akan mendapatkan tautan berbagi Facebook, google + dan Twitter http://www.sharelinkgenerator.com/

http://facebook.com/sharer.php tidak digunakan lagi

Anda memiliki beberapa opsi (gunakan versi 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/

Jika Anda ingin berbagi di lebih banyak forum, berikut solusinya .. https://github.com/bradvin/social-share-urls

Bagi mereka yang ingin menggunakan javascript tetapi tidak ingin menggunakan perpustakaan javascript Facebook:

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

Berfungsi meskipun javascript dinonaktifkan, tetapi memberi Anda jendela sembulan dengan pratinjau berbagi jika javascript diaktifkan.

Menghemat satu klik jarum saat tidak menggunakan spyware js Facebook :)

Menambahkan ke solusi @ rybo111, inilah yang akan dibagikan LinkedIn:

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

dan tambahkan ini ke Javascript Anda:

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

Sesuai dokumentasi LinkedIn: https://developer.linkedin.com/docs/share-on-linkedin (Lihat bagian "Url yang Disesuaikan")

Bagi siapa pun yang tertarik, saya menggunakan ini di aplikasi Rails dengan logo LinkedIn, jadi inilah kode saya jika mungkin membantu:

<%= 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" %>

Cara membagikan konten: https://developers.facebook.com/docs/share/

Anda harus memilih use the deprecated function tanpa JS, dan mengeceknya setiap hari, atau ikuti cara menggunakan JS dan bersenang-senanglah.