salam sejahtera! Baru-baru ini saya masuk maklum balas bertanya bagaimana untuk membuat butang yang sama rangkaian sosial, yang dipasang pada tapak web saya. Dan saya memutuskan untuk memberikan jawapan dalam artikel itu, mengkaji 6 perkhidmatan sosial. butang untuk tapak.

Kelebihan dan kekurangan

Walau bagaimanapun, perlu diingatkan bahawa dalam beberapa kes penempatan butang mungkin mempunyai sedikit kelemahan. Mari kita pertimbangkan mengapa perlu meletakkan butang rangkaian sosial pada blog yang dibuat, dan juga pertimbangkan positif utama dan sisi negatif penempatan ikon tersebut.

Kecacatan

Kelajuan memuatkan halaman mungkin lebih perlahan.

Dengan tumpuan projek Internet yang sangat khusus, anda mungkin tidak mendapat kesan yang diingini.

Gambaran Keseluruhan Perkhidmatan Butang Sosial

Mari lihat perkhidmatan paling popular yang boleh digunakan untuk menambah butang rangkaian sosial ke tapak web anda.

Ini sepenuhnya perkhidmatan percuma, yang berfungsi seperti berikut. Ia secara automatik menjana skrip khas, dengan bantuan yang memungkinkan pelawat ke projek Internet untuk menerbitkan pautan ke rangkaian sosial. Perkhidmatan ini kelihatan seperti butang. Pemasangan sangat mudah dan mudah, dan butang yang diletakkan kelihatan cantik pada halaman.

Perkhidmatan ini menawarkan lebih daripada tiga ratus pilihan butang yang berbeza! Anda boleh memilih yang kegemaran anda dengan mudah.

Pemasangan berlaku secara literal dalam satu klik. Terdapat statistik penukaran.

Ini mungkin salah satu perkhidmatan dalam talian yang paling menarik, yang mana anda boleh menjana butang berdasarkan beberapa parameter: saiz dan rupa. Di samping itu, anda boleh memilih cara panel dengan butang akan ditempatkan (mendatar atau menegak). Anda juga boleh menentukan pengekodan. Selepas memilih semua tetapan yang diperlukan, skrip yang dihasilkan perlu dimuat turun dan diletakkan pada projek Internet anda di lokasi yang diperlukan. Selalunya selepas artikel itu.

Yandex menawarkan anda untuk memilih rangkaian sosial yang akan dipaparkan. Pengguna boleh melakukan ini dengan hanya menandakan kotak di sebelah butang yang akan diletakkan pada blok. Anda boleh mengeditnya penampilan.

Seterusnya, sistem akan menjana secara automatik sumber, yang anda perlu pasang pada blog anda. Kelebihan utama perkhidmatan ini termasuk fakta bahawa skrip tidak meletakkan pautan keluar pada blog yang dibuat. Ia juga mungkin untuk menyambungkan Yandex.Metrica untuk mengekalkan statistik.

Perkhidmatan ini menawarkan pengguna untuk meletakkan butang rangkaian sosial yang sangat cantik dan bergaya di laman web mereka. Borang yang dibuat oleh perkhidmatan menggunakan css dan javascript. Borang yang dihasilkan akan sesuai dengan sempurna ke dalam reka bentuk mana-mana projek Internet. Butang seperti dibuat menggunakan Teknologi moden jquery. Sambungan adalah sangat mudah dan tidak akan menyebabkan kesukaran walaupun untuk pemula. Memuatkan sangat pantas.

Ini adalah perkhidmatan dalam talian yang berguna dan percuma sepenuhnya yang menawarkan pengguna untuk meletakkan butang dengan cara ini: dalam satu baris, disusun dalam bentuk menu lungsur, ikon semua perkhidmatan berturut-turut. Selepas memilih pilihan paparan, perkhidmatan secara automatik akan menjana istimewa kod javascript, yang perlu diletakkan di tempat yang diperlukan di tapak.

Di samping itu, perkhidmatan memberitahu anda cara menambah kod yang dibuat pada templat.

menggunakan perkhidmatan ini, anda boleh dengan cepat dan mudah menambah butang yang diperlukan pada tapak web atau blog anda. Untuk melakukan ini, anda hanya perlu melakukan tiga langkah mudah: pilih lokasi di mana widget yang dibuat akan ditempatkan, pilih gaya butang dan dapatkan kod. Dengan meletakkan butang tersebut pada blog yang dibuat, pelawat akan dapat menambah bahan yang menarik ke penanda halaman dan rangkaian sosial anda sendiri.

Jadi, memasang butang rangkaian sosial untuk laman web adalah sangat mudah dan tidak akan menyebabkan sebarang kesulitan walaupun untuk pengguna Internet yang baru. Jika mahu, anda boleh memasang sama ada butang untuk semua rangkaian yang tersedia, atau pilih beberapa sahaja rangkaian tertentu. Untuk melakukan ini, anda perlu menggunakan widget rasmi atau widget pihak ketiga perkhidmatan dalam talian. Yang paling popular ialah butang yang dipasang blog peribadi, atau pada projek Internet berita atau hiburan. :)

P.S. Terima kasih kerana memberi perhatian. Perkhidmatan mana yang anda suka? Menunggu komen anda. :)

DALAM Kebelakangan ini Ia telah menjadi bergaya untuk memasang butang media sosial di laman web dan blog, dan ini tidak menghairankan. Pertama, butang membolehkan anda meningkatkan "suka" dan "hati", yang mempunyai kesan positif pada promosi artikel di rangkaian sosial. Kedua, terdapat jenis butang berasingan yang membolehkan anda berkongsi pautan ke halaman individu tapak di rangkaian sosial - ini menarik pelawat tambahan dari Vkontakte, Facebook, Odnoklassniki, Twitter, dll. Ketiga, artikel yang diterima sejumlah besar"suka" dan "hati" sangat dipercayai oleh pembaca tapak.

Oleh itu, adalah sangat penting untuk mengetahui cara memasang butang rangkaian sosial pada tapak web untuk membantu sumber web berkembang. Rangkaian sosial yang paling popular akan dipertimbangkan

• Bersentuhan dengan
• Facebook
• Rakan sekelas
• Google "+1"
• Twitter
• Dunia Saya

Di sini kita akan melihat memasang butang standard yang ditawarkan oleh rangkaian sosial itu sendiri. Dalam kes ini, setiap butang perlu dipasang secara berasingan daripada yang lain, ini mengambil sedikit masa, tetapi ia juga kelihatan sangat bagus.

1.1. Butang "Simpan" VKontakte 1.1.1

Butangnya agak fleksibel, tulisan di atasnya boleh ditukar kepada apa sahaja yang anda mahukan (lalainya ialah "simpan").

Pertama, anda perlu pergi ke halaman dengan, di mana anda akan menerima kod skrip yang anda perlu pasang di tapak anda untuk butang dipaparkan.

Di sini anda boleh memilih salah satu daripada 5 gaya: butang, butang tanpa pembilang, pautan, pautan tanpa ikon, ikon.

Medan "teks" membolehkan anda menukar tulisan "simpan" standard kepada anda sendiri.

Sebagai URL, anda boleh memilih alamat halaman dengan butang atau alamat halaman lain (pilihan anda). Dalam kes pertama, butang akan berkongsi pautan ke halaman di mana butang itu sendiri berada. Dalam kes kedua, butang akan berkongsi pautan yang anda tentukan, tidak kira di mana ia berada.

Kod benam terdiri daripada dua bahagian: yang pertama harus terletak di mana-mana antara teg dan, yang kedua - di tempat di mana butang harus dipaparkan. Baca tentang memasang butang pada tapak web dalam perenggan.

1.1.2 Butang “Suka”.

Pilihan kedua untuk butang ialah widget "Suka". Ia akan menjadi lebih mudah untuk memasangnya di tapak, kerana... pada akhirnya anda akan menerima hanya satu keping kod yang perlu diletakkan di tempat yang betul di tapak.

Untuk mengkonfigurasi butang, pergi ke pautan ini. Di sini anda juga perlu mengisi beberapa parameter.

Nama tapak – di sini adalah lebih baik untuk menunjukkan nama pendek dan sebenar tapak anda.

Alamat laman web - masukkan alamat halaman rumah tapak anda.

Domain utama tapak - tunjukkan cermin utama tapak (ia boleh didapati sebagai parameter pengendali "Host"), jika anda merasa sukar untuk melakukan ini, kemudian tinggalkan VKONTAKTE yang dicadangkan.

Varian butang adalah gaya butang yang berbeza dan mempengaruhi penampilannya.

Ketinggian butang ialah dimensi geometri butang "Suka".

Nama butang - terdapat dua pilihan yang tersedia (saya suka, ia menarik).

Kod sisipan adalah kod yang diperlukan untuk memaparkan butang untuk rangkaian sosial VKontakte.

1.2 Facebook

Butang pada halaman ini sedang dikonfigurasikan. Kesukaran mungkin timbul kerana... komen kepada borang ditulis dalam Bahasa Inggeris, tetapi di bawah anda boleh membaca Penerangan Ringkas setiap bidang.

URL untuk Suka – URL halaman untuk butang (jika medan tidak diisi, alamat halaman di mana butang itu terletak akan diambil).

Butang Hantar – kehadiran tanda semak termasuk peluang baru– hantar pautan ke Facebook (akan dipaparkan butang tambahan- "hantar"). Apabila dihidupkan, dua butang akan dipaparkan serentak.

Gaya Susun Atur – gaya butang, mempengaruhi penampilannya (bilangan_butang dianggap standard).

Lebar – lebar butang dalam piksel.

Tunjukkan Wajah – apabila didayakan, avatar orang yang telah mengklik butang ini akan ditunjukkan.

Fon – jenis fon butang.

Skim Warna – latar belakang ruang di sebelah butang (putih dan hitam).

Kata kerja untuk dipaparkan – nama butang (suka, saya cadangkan).

Dapatkan Kod – butang yang menjana kod skrip.

1.3 Odnoklassniki dan Dunia Saya

Rangkaian sosial ini telah mendapat populariti yang meluas di Internet berbahasa Rusia; sebilangan besar orang tinggal di sana, jadi anda tidak boleh mengabaikan untuk memasang butang "Kelas" dari perkhidmatan Odnoklassniki dan butang "Suka" dari laman web My World.

Untuk mengkonfigurasi butang, anda perlu pergi ke . Anda boleh menambah butang secara individu, menyesuaikan setiap satu secara berbeza, atau anda boleh mengedit kedua-dua butang pada masa yang sama.

Saiz ketinggian – saiz geometri butang.

Rupa – rupa bingkai butang.

– pemilihan butang (seperti, kelas)

Kaunter – hidupkan dan matikan kaunter tekan butang (di sebelah kanan, di bahagian atas – lokasi kaunter).

Teks pada butang – pilih satu daripada tiga nama yang tersedia untuk butang.

Kod benam – kod skrip yang perlu dipasang di tapak.

1.4 Google “+ 1”

Rangkaian sosial baharu yang telah mendapat khalayak ramai dalam masa yang singkat. Sukar untuk membayangkan tapak tanpa butang "+1", kerana... ia bukan sahaja membenarkan anda menambah pautan ke rangkaian sosial dan meningkatkan bilangan "tambah", tetapi juga boleh mempengaruhi hasil tapak dalam TOP enjin carian Google.

Semua butiran tentang ini, serta memasang dan mengkonfigurasi butang terletak.

1.5 Twitter

Perkhidmatan yang paling popular pesanan ringkas tidak boleh diabaikan. Pasang butang untuk rangkaian sosial ini dan lihat seberapa cepat orang akan berkongsi pautan ke tapak anda di Twitter. Anda boleh menyesuaikan butang di sini.

Mula-mula anda perlu memilih butang yang dikehendaki(kami berminat dengan pilihan pertama - butang "hantar pautan").

Selepas ini, borang akan muncul di halaman dengan beberapa ruangan yang perlu diisi.

Hantar pautan – pilih halaman di mana butang itu terletak, atau mana-mana yang lain.

Teks – pilih teks yang akan muncul di sebelah butang (BUKAN PADA BUTANG SENDIRI).

Tunjukkan pembilang – dayakan atau lumpuhkan pengiraan bilangan penekanan butang.

Menggunakan – memilih kaedah untuk menambah mesej pautan ke Twitter (tidak menjejaskan apa-apa).

Tag – pilih tag yang akan diterbitkan di Twitter (tidak menjejaskan apa-apa).

Butang besar – meningkatkan saiz geometri butang.

Enggan menyesuaikan Twitter - enggan gaya Twitter (lebih baik biarkan kotak tidak ditanda).

Bahasa – pilih bahasa butang.

Di sebelah kanan, kod akan dihasilkan yang perlu ditambahkan pada tapak.

1.6 Ya.ru

Untuk melakukan ini, anda perlu mengisi beberapa medan yang akan terbentuk kod yang diperlukan skrip.

Saiz – kecil atau saiz besar butang.

Gaya – pilih antara butang atau ikon.

Kehadiran kaunter – dayakan atau lumpuhkan kaunter tekan butang.

Penampilan Butang ialah contoh rupa butang tersebut.

Tajuk – pilih tajuk untuk halaman (khusus atau tajuk halaman semasa).

Benamkan kod – kod yang diperlukan yang ditambahkan pada tapak.

2. Butang sedia untuk tapak

Tetapi jika anda tidak mahu menambah kod untuk setiap butang ke tapak web anda, maka anda boleh menggunakan skrip standard yang segera membentuk sekumpulan butang rangkaian sosial. Dalam kes ini, anda hanya perlu menambah satu kod skrip sedemikian ke tapak web anda, dan anda akan segera memasang butang untuk rangkaian sosial yang paling popular.

Untuk mengkonfigurasi blok dan memilih rangkaian sosial yang dikehendaki, ikuti pautan ini. Tangkapan skrin di bawah menunjukkan bahawa anda boleh memilih butang untuk rangkaian sosial yang diingini daripada yang ditawarkan, dan juga sedikit mengedit rupa blok.

Set perkhidmatan – pemilihan butang rangkaian sosial untuk tapak (yang mempunyai tanda semak akan dipaparkan di tapak).

Kod - skrip yang diperlukan, yang perlu ditambahkan pada tapak.

2.2 Butang PLUSO

Baru-baru ini, pereka butang rangkaian sosial - PLUSO - telah mendapat populariti yang meluas. Anda boleh pergi ke tapak menggunakan pautan ini.

Pembina agak fleksibel, mempunyai banyak tetapan, jadi anda boleh membuat butang rangkaian sosial yang sesuai dengan sempurna ke dalam reka bentuk tapak.

Mula-mula anda perlu memilih gaya butang dan pembilang daripada beberapa yang ditawarkan (mendatar, menegak, berwarna, tidak berwarna, dll.).

Anda kemudiannya perlu mengkonfigurasi beberapa tetapan dengan memilih

• lokasi blok (menegak, mendatar);
• warna butang (terang, gelap);
• saiz blok (besar, kecil);
• kaunter (kehadiran atau ketiadaan);
• latar belakang (tidak berwarna atau berwarna);

Kod akan dijana mengikut parameter yang anda tentukan, selepas itu ia perlu dimasukkan ke dalam tapak.

S arnab42

Perkhidmatan lain yang membolehkan anda mereka bentuk butang untuk tapak web anda ialah Share42.com/ru.

Penjana ini membolehkan anda menyesuaikan saiz butang, menentukan rangkaian sosial yang dikehendaki daripada sejumlah besar yang tersedia, dan juga mengedit rupa ikon.

Pilih saiz butang dan rangkaian sosial yang dikehendaki, dan kemudian teruskan untuk mengkonfigurasi pilihan tambahan.

Jenis panel dengan ikon – memaparkan blok butang (pilihan "terapung menegak" sangat menarik).

Hadkan bilangan ikon yang boleh dilihat – pilih bilangan butang yang dipaparkan (yang lain akan disembunyikan di belakang pautan).

Pengekodan tapak – pilih pengekodan tapak anda.

Tambahkan ikon untuk tapak Share42.com - mungkin anda perlu menyahtandanya.

Tunjukkan pembilang – dayakan pembilang klik butang (hanya apabila jQuery sedang berjalan).

Pemasangan daripada skrip ini agak rumit, tetapi ia diterangkan langkah demi langkah di laman web Share42 itu sendiri.

3. Bagaimana untuk memasang butang di tapak

Jika kod yang perlu diletakkan di tapak terdiri daripada dua bahagian (seperti yang berlaku dengan butang VKontakte), maka setiap bahagian dipasang secara berasingan. Jika kod tidak dibahagikan kepada dua bahagian, maka langkah ini anda boleh melangkaunya.

Bahagian pertama kod perlu ditambah antara teg dan. Untuk melakukan ini, pergi ke Panel pentadbir WordPress dan pergi ke editor templat.

Dalam editor templat anda perlu mencari fail "Header" (header.php), jika tiada, maka - "Templat utama" (index.php). Sekarang anda perlu mencari teg atau. Jika dalam fail yang ditentukan tiada teg sedemikian (semua topik adalah berbeza, ini mungkin berlaku), maka anda perlu membuka semua fail untuk diedit dan mencari teg dalam setiap satu daripadanya. Untuk mencari, anda boleh menggunakan pintasan papan kekunci "Ctrl+F".

Sebaik sahaja anda menjumpai tag yang diperlukan, anda boleh meletakkan bahagian pertama kod sejurus sebelum teg penutup supaya tidak menyentuh kod skrip lain secara tidak sengaja.

Bahagian kedua kod diletakkan di mana anda ingin melihat butang media sosial yang dipilih untuk tapak tersebut. Jika kod hanya terdiri daripada satu bahagian, maka sudah cukup untuk melakukan operasi ini sahaja.

Selalunya, butang ditambah sebelum artikel atau pada akhir. Lebih mudah, sudah tentu, adalah pilihan kedua. Kami akan mempertimbangkannya.

Anda perlu mencari tempat di mana artikel itu berakhir (bahagian teks utama halaman). Untuk melakukan ini, anda perlu mengedit fail "Entri tunggal" (single.php).

Kini anda perlu mencari pengendali yang bertanggungjawab untuk memaparkan kandungan utama artikel tersebut. Dalam kes saya, ini ialah "the_content", sejurus selepas itu kod butang diletakkan.

Begitu juga, anda boleh meletakkan kod pada permulaan artikel, anda hanya perlu mencari tempat antara tajuk dan teks artikel.

Kerana saya tidak akan menerangkan semula apa yang tertulis di dalamnya, tetapi saya perlu merujuknya sepanjang artikel.

Jadi mari kita mulakan dan mulakan dengan JavaScript itu sendiri. Kerja skrip berkenaan kaunter dibahagikan kepada dua bahagian:

• Kaunter mesti ditambahkan pada setiap butang daripada rangkaian sosial apabila halaman dimuatkan;
• Apabila klik butang berlaku, tukar bilangan perkongsian.

Untuk melaksanakan bahagian pertama logik skrip, kita perlu menambah kaedah init():

Init: function(elemen)( $(document).ready(function())( $(element).each(function(idx)( var countApiUrls = ( twitter: "https://urls.api.twitter.com/ 1 /urls/count.json?callback=?&url=", vk: "https://vk.com/share.php?act=count&index=" + idx + "&url=", facebook: "https:// graf .facebook.com/?callback=?&ids=" ); var pageUrl = $.parseJSON($(elemen + " div:eq(0)").attr("data-share-data")).url; if (pageUrl)( share.getCountLikes($(element).find(".twitter"), countApiUrls.twitter, pageUrl, "twitter"); share.getCountLikes($(element).find(".vk"), countApiUrls .vk, pageUrl, "vk"); share.getCountLikes($(element).find(".facebook"), countApiUrls.facebook, pageUrl, "facebook"); )); )); return false; )

GetCountLikes: function(box, apiUrl, pageUrl, type)( if(apiUrl && pageUrl)( if(type == "twitter")( $.getJSON(apiUrl + pageUrl, function(data)( var num = data.count | | 0; if(num > 0)( share.setCountLikes(box, num); ); )); ); if(type == "vk")( $.getScript(apiUrl + pageUrl); if(!window. VK)( window.VK = (); ); window.VK.Share = ( count: function(idx, count)( var num = count || 0; if(num > 0)( share.setCountLikes(box, num ); ); ) ); ); if(taip == "facebook")( $.getJSON(apiUrl + pageUrl, function(data)( var num = data.shares || 0; if(num > 0)( share .setCountLikes(box, num); )); ); ); return false; )

Kaedah getCountLikes() mengambil 4 parameter:

• kotak – pembalut untuk setiap butang rangkaian sosial;
• apiUrl – Alamat API di mana panggilan dibuat;
• pageUrl – alamat halaman yang kami ingin terima data;
• jenis – jenis rangkaian sosial.

Kami berada di bantuan jQuery kaedah $.getJSON() kami mengakses url yang dijana = apiUrl + pageUrl. Bergantung pada rangkaian sosial, kami menerima respons (kebanyakannya json) dan memprosesnya. Pengecualian ialah "VKontakte", kerana apabila kami membuat permintaan, kami menerima pelaksanaan kaedah VK.Share(), yang menyebabkan ralat semula jadi pada halaman kami, kerana kami tidak mempunyai objek VK, tetapi dengan bantuan tongkat "mudah" yang kami tarik keluar hasil yang kami perlukan.

Perkara terakhir yang perlu kita lakukan ialah melukis nombor pada butang. Kami menyelesaikan masalah ini menggunakan kaedah setCountLikes() baharu. Fungsi ini mengambil dua parameter: penentu pembungkus dan nombor itu sendiri.

SetCountLikes: function(box, num)( box.append("" + num + ""); return false; )

Pop timbul: function(kotak, url)( var countBox = box.find(".count"); if(!countBox.length)( share.setCountLikes(box, 1); )else( countBox.text(parseInt(countBox. text()) + 1); ); window.open(url, "", "toolbar=0, status=0, width=626, height=436"); return false; )

Kami menambah parameter baharu kotak, diterangkan sebelum ini, dan penggunaan dalam pengendali bersyarat if() kita meningkatkan kaunter, bergantung pada bilangan yang dikongsi sebelum ini. Ini melengkapkan skrip itu sendiri; sudah tentu, ia masih perlu dikemas kini kaedah twitter(), vk(), facebook() talian:

Share.popup(url);

Share.popup($this, url);

Sekarang, mengenai Penanda HTML, di atas kami melihat kaedah init() dan kerana ini adalah titik masuk/jalan skrip, kami memanggilnya pada halaman selepas menyambungkan fail:

share.init(".share");

Anda juga harus menambah rentang dengan kelas ikon pada butang:

Terdapat juga beberapa perubahan kecil dalam CSS. Saya harap apabila anda membaca perenggan ini, anda telah memuat turun arkib dengan contoh; jika tidak, muat turun dan gunakannya - semuanya berfungsi. keputusan ini Saya sendiri menggunakannya dalam beberapa projek dan tidak melihat sebarang masalah.

Baru-baru ini, setiap saat (jika bukan yang pertama) pelanggan dalam keperluan untuk pembangunan laman web meminta untuk memastikan untuk menyambungkannya dengan rangkaian sosial. Butang "Sosial" di tapak adalah alat nombor 1 untuk menarik penonton sasaran, pengedaran kandungan dan PR secara umum. Dan ia benar-benar percuma!

Rangkaian sosial menyediakan kod untuk butang dan widget mereka untuk penempatan di tapak, dan menyediakan arahan untuk memasangnya dalam sistem pengurusan tapak. Mana-mana CMS membenarkan anda memasangnya ( OS), perkara utama adalah untuk menyesuaikannya secara harmoni ke dalam reka bentuk tapak web anda.

Apakah ciri dan fungsinya?

Jika tapak anda ditujukan kepada orang yang berkomunikasi di rangkaian sosial yang popular. rangkaian, sebagai contoh, Vkontakte, Twitter, Instagram, Facebook, Google+, Pinterest, dsb., dan anda ingin menutup semuanya, maka agar tidak memasang butang untuk setiap satu secara berasingan, memandangkan ia mungkin berbeza dalam saiz dan reka bentuk , kami mengesyorkan menggunakan perkhidmatan agregator. Ini adalah mudah dan alat yang selesa, yang akan membolehkan pelawat tapak berkongsi maklumat dengan cepat dengan rakan mereka, tanpa mengira rangkaian sosial yang mereka gunakan. Di bawah ini kita akan melihat perkhidmatan yang paling popular.

Butang Media Sosial Kongsi Pluso

Mungkin tiada tapak yang tinggal di Internet yang tidak mengandungi butang pengeposan bahan di rangkaian sosial. Yang terakhir telah lama dan kukuh mengambil tempat dalam hidup kita. Kami berkomunikasi di sana, berkenalan, mempromosikan perniagaan, membaca berita dan sebagainya. Rangkaian penuh. Tidak menghairankan bahawa juruweb berusaha untuk meluaskan kehadiran tapak mereka di rangkaian sosial dengan cara yang mungkin. kaedah yang ada. Lagipun, terdapat banyak potensi trafik yang sememangnya diperlukan oleh semua orang. Aliran pelawat bermakna wang, reputasi, pertumbuhan. Segala-galanya dibina di sekelilingnya. Suapan sedap.

Butang sosial adalah perlu, itu jelas. Soalannya berbeza - yang mana satu untuk dipilih? Kami mengujinya untuk anda TOP 5 pelbagai perkhidmatan untuk menambah kod butang pada tapak web. Matlamatnya adalah untuk mengenal pasti yang optimum dan menunjukkannya secara terperinci. Mari kita mulakan dengan peringkat kelayakan.

Pilihan perkhidmatan terbaik butang sosial

Pilihan calon untuk perbandingan ternyata remeh - kami ambil perkhidmatan yang paling popular, yang mana mana-mana orang yang sama sekali biasa dengan topik penciptaan laman web telah mendengar tentangnya. Tiada yang jarang yang semakin popular, hanya orang lama yang berpengalaman.

Komposisi pasukan yang diperakui adalah seperti berikut:

Hasil daripada ujian perkhidmatan sosial yang dipilih - uSocial adalah pemimpin. Sekarang anda mahu menerima rasional untuk pilihan kami. Sudah tentu, kita tidak akan kekal tidak berasas.

Ciri-ciri butang uSocial

Jom beri beberapa fakta, yang meyakinkan kami bahawa keputusan itu betul.

Langkah-2

Kami sedang menyusun satu set butang sosial. Boleh pilih dipaparkan perkhidmatan rangkaian sosial, bentuk dan gaya butang.

Di sini anda boleh mengaktifkan butang "Naik", dayakan sokongan peranti mudah alih, untuk memasangkan Perkhidmatan Viber, WhatsApp, Telegram, SMS.

Langkah-4

Selepas memasang bar sosial daripada akaun peribadi uSocial anda, anda boleh melihat statistik suka dan siaran semula untuk tempoh yang dipilih, kedua-duanya untuk semua rangkaian sosial sekaligus, dan untuk yang terpilih. Data dipaparkan dalam graf atau carta yang jelas.

Jika teg meta sosial diisi dengan betul, siaran akan dilihat dengan betul khidmat sosial, kerana ia menunjukkan jenis bahan, tajuk yang berkaitan, pautan ke gambar yang dikehendaki. Semua ini meningkatkan kecekapan penyiaran semula: bahan anda akan diindeks dengan betul oleh perkhidmatan sosial.

Contoh kod penanda mikro untuk rangkaian sosial yang popular (kod mesti ditulis sebelum tag):

1. Facebook Dan Bersentuhan dengan gunakan protokol Grafik Terbuka:

3. Untuk Twitter kodnya kelihatan seperti ini:

4. Untuk Google+ Jadi:

- pautan ke profil pengarang di Google+
- Nama tapak
- teks coretan (sehingga 40 aksara)
- penerangan tapak
- laluan ke fail imej

Alatan untuk bekerja dengan penanda mikro.