Các nút để thêm nội dung vào mạng xã hội. Các nút mạng xã hội

Không mổ? Và rất nhiều tiền đã được chi cho việc dụ khách. Bạn đã cài đặt các nút mạng xã hội cho trang web chưa? Có thể hiểu được! Tất cả các triệu chứng của bệnh trên trang web mặt - asocial. Chúng tôi sẽ điều trị.

Tại sao một trang web cần các nút mạng xã hội?

Sự hiện diện của các nút xã hội trên các trang của trang web không chỉ là một thuộc tính bắt buộc hay một phụ kiện thời trang. Trước hết, các nút xã hội giúp chủ sở hữu tài nguyên tiết kiệm tiền cho việc quảng bá trang web. Trong trường hợp này, khuyến mãi xảy ra với sự trợ giúp của du khách. Và chủ sở hữu chỉ có thể lấp đầy trang web của mình bằng nội dung chất lượng và chờ đợi lượng người dùng mới:

Nhưng những nút này không chỉ cần thiết cho chủ sở hữu trang web. Vị trí của chúng cũng rất quan trọng đối với chính các mạng xã hội. Mỗi nút này là một liên kết dẫn đến một cổng thông tin xã hội. Và nhờ sự trao đổi liên kết này, mức độ hoạt động cao của người dùng trong chính các mạng xã hội được duy trì. Đó là lý do tại sao các mạng xã hội phổ biến cung cấp các trang web có mã làm sẵn cho các nút của họ.

Nút xã hội thông thường là gì?

Ví dụ: hãy lấy script nút xã hội VKontakte. Mã của cô ấy:

Phần này của mã phải được đặt trong cái gọi là "tiêu đề" của trang web. Mã này chứa địa chỉ của tập lệnh sẽ được thực thi khi nhấp vào nút xã hội. Đây là phần thứ hai của mã, chịu trách nhiệm hiển thị hình ảnh nút:

Đoạn mã thứ hai nên được đặt trong phần của trang nơi nút sẽ được hiển thị:

Các lựa chọn chỗ ở nhẹ

Có các dịch vụ chuyên biệt cho phép bạn đặt các nút của tất cả các mạng xã hội phổ biến trên trang web của mình cùng một lúc. Điều này dễ dàng hơn nhiều so với việc nhúng các tập lệnh cho từng tập lệnh riêng lẻ. Hãy xem xét các dịch vụ phổ biến nhất trong số các dịch vụ này:

• AddThis - dịch vụ này có giao diện tiếng Anh. Nhưng đồng thời, nó cho phép bạn thêm một nút của bất kỳ mạng xã hội nào trên thế giới:

• Share42 là một giao diện rõ ràng và đơn giản với khả năng tinh chỉnh giao diện của bảng nút xã hội. Đồng thời, quá trình thiết lập đi kèm với các hướng dẫn từng bước mô tả các hành động cần được thực hiện. Do đó, dịch vụ này phù hợp ngay cả với những quản trị viên web thiếu kinh nghiệm:

Các nút xã hội và WordPress

Đối với CMS phổ biến, nhiều plugin để cài đặt nhóm các nút xã hội đã được tạo. Hãy xem xét một ví dụ về cài đặt một plugin Các nút chia sẻ xã hội cho WordPress.

Các khía cạnh tích cực của tiện ích mở rộng này là giao diện hoàn toàn bằng tiếng Nga, dễ thiết lập và “sắc nét” cho các mạng xã hội phổ biến của Runet:

Các bước cần làm theo khi cài đặt plugin nút xã hội cho WordPress.

1) Đi tới bảng quản trị của trang web. Ở bên trái, chọn tab "Plugin", "Thêm mới".
2) Trên trang " Cài đặt các plugin"Trong trường tìm kiếm, hãy nhập tên của tiện ích mở rộng và nhấp vào nút" Tìm kiếm plugin »:

• Các nút Xã hội cố định - plugin này cho phép bạn thêm một bảng điều khiển xã hội nổi vào trang web, có thể được "dán" ở trên cùng, dưới cùng hoặc bên cạnh;
• Nút chia sẻ xã hội Html - plugin này bao gồm các nút xã hội được tạo riêng với css và html.

Social Buttons và Joomla

Nhiều plugin để làm việc với các nút xã hội cũng đã được tạo cho công cụ này. Hãy xem xét quá trình cài đặt tiện ích mở rộng bằng SocButtons làm ví dụ. Các tính năng của plugin này:

• Hỗ trợ cho tất cả các phiên bản động cơ phổ biến nhất;
• Dễ dàng thiết lập;
• Đặc điểm ngoại hình được đặt cho từng nút riêng biệt;
• Gói cài đặt nhẹ.

Thủ tục:

1) Đi tới phần quản trị của trang web trên Joomla và chọn biểu tượng " Quản lý phần mở rộng».
2) Tại đây chúng tôi xác định nguồn để tải xuống tiện ích mở rộng:

• Đánh dấu trang xã hội - plugin này tồn tại trong một số phiên bản cùng một lúc. Mỗi thứ cho phép bạn đặt bảng điều khiển xã hội ở một vị trí nhất định ( theo chiều ngang, chiều dọc hoặc nói chung là làm cho nó nổi);
• JL Like - plugin này không tải thêm các tập lệnh bên ngoài, nó cho phép bạn thống kê các phiếu bầu từ mạng xã hội.

Tập lệnh hay plugin?

Cài đặt plugin là tùy chọn dễ nhất và nhanh nhất. Thông thường, sau khi cài đặt, toàn bộ trang web hoạt động bình thường. Nhưng mọi thứ có thể sụp đổ ngay lập tức sau khi cập nhật phiên bản engine lên phiên bản mới hơn.

Tổng quan về các nhà thiết kế trong nước và các kịch bản cho các nút mạng xã hội cho các trang web, cũng như các công cụ tương tự nước ngoài. Ngắn gọn, rõ ràng và rành mạch.

Trình tạo nút truyền thông xã hội của trang web

2. Một cách dễ dàng để có được các liên kết đến trang web - QIP.RU
Đặt một nút trên trang web của bạn và tạo cơ hội cho khách truy cập thêm nội dung của trang họ thích vào dấu trang, blog và mạng xã hội. Ba bước: nơi bố trí nút (trang web, Blogger hoặc WordPress), kiểu nút (tùy chọn tạo sẵn) và lấy nút.

3. Các nút để thêm nội dung vào mạng xã hội - Pluso
Đặt các nút và cho phép khách truy cập chia sẻ các trang yêu thích của họ trên mạng xã hội, cũng như in, gửi email và thêm dấu trang.

4. Dịch vụ hoạt động xã hội - UpToLike
Các nút truyền thông xã hội được tùy chỉnh với khả năng thiết lập màu sắc, hình dạng, kích thước và các hiệu ứng đặc biệt. Các tính năng bổ sung là tiện ích chia sẻ hình ảnh PicShare, chức năng "Trích dẫn" và chức năng Theo dõi tùy chỉnh.

5. Một nút! - cho tất cả các dịch vụ đánh dấu trang và mạng xã hội
Chọn nút xem. Nơi nút sẽ được cài đặt: trang web, Blogger hoặc WordPress. Thêm một nút.

Tập lệnh của các nút mạng xã hội cho trang web

1. Các nút xã hội tuyệt đẹp cho trang web - goodshare.js
Hiển thị các nút trên hầu hết mọi thiết bị. Mã sạch. Tài liệu ngắn gọn. Thân thiện với SEO.

2. Các nút tập lệnh cho dấu trang và mạng xã hội - Chia sẻ42
Chọn kích thước và đánh dấu các biểu tượng của các dịch vụ bạn muốn sử dụng trên trang web. Chọn các tùy chọn bạn muốn. Xem nó sẽ trông như thế nào và / hoặc tải xuống tập lệnh đã hoàn thành. Cài đặt tập lệnh trên trang web WordPress, Drupal, v.v.

3. Các nút Like trên mạng xã hội đẹp mắt bằng cách sử dụng jQuery - Lượt thích trên mạng xã hội
Tập lệnh nút thích với các bộ đếm theo cùng một phong cách cho các mạng xã hội: Facebook, Twitter, VKontakte, Odnoklassniki, Thế giới của tôi, Google+ và Pinterest.

Tương tự nước ngoài của các nút mạng xã hội cho trang web

1. Share Buttons - AddThis
Các nút chia sẻ sẽ giúp bạn tăng lượng khán giả của trang web bằng cách thu hút khách truy cập từ các tài nguyên và mạng xã hội khác thông qua nội dung được phân phối.

4. Chia sẻ xã hội - Po.st
Khai thác nhiều hơn từ việc chia sẻ phương tiện truyền thông xã hội. Dịch vụ này sẽ tạo điều kiện thuận lợi cho quá trình chia sẻ trên mạng xã hội cho khách truy cập, điều này sẽ làm tăng lưu lượng truy cập không phải trả tiền của trang web.

5. Chia sẻ các nút cho bất kỳ trang web nào - AddToAny
Nhận mã các nút mạng xã hội cho bất kỳ trang web nào. Chọn kiểu và kiểu của các nút, chỉ định email và các tùy chọn khác hoặc chọn một trong các nền tảng: WordPress, Drupal, Tumblr, Joomla, Elgg, WordPress.com, Blogger, TypePad hoặc FeedFlare. Nhận mã nút.

Xin chào, độc giả thân yêu của trang blog. Như bạn có thể đoán từ tiêu đề, chúng ta sẽ nói về cái gọi là nút xã hội, có thể rất nghiêm túc giúp các bài viết trên trang web của bạn thu hút, với sự may mắn và chất lượng bài viết cao, một lượng lớn khách truy cập từ mạng xã hội Và dịch vụ.

tín hiệu xã hội cũng được các công cụ tìm kiếm tính đến khi xếp hạng trang web của bạn. Một số lượng lớn chia sẻ đến các tài khoản chất lượng cao trên Twitter, Google+, Facebook (có thể là Vkontakte và các mạng khác cũng được tính đến) có thể cho phép bạn leo lên một số bậc nhất định cao hơn và có thể lọt vào Top và ở đó nếu các yếu tố hành vi không làm chúng ta thất vọng.

Nhìn chung, có rất nhiều dịch vụ cung cấp script (nút) để chia sẻ nội dung lên mạng xã hội trên Internet, nhưng không phải tất cả chúng đều đáng tin cậy (dễ dàng hoặc bằng cách nào đó bạn có thể bị lợi dụng vì những lý do xấu). Có, và họ có khả năng chỉ đơn giản là "treo trang web" với vị trí không hợp lệ của mã của họ và khả năng tính toán không mạnh mẽ của máy chủ của họ. Mặc dù có những lựa chọn phù hợp không có những thiếu sót này, và tôi đã liệt kê chúng ở phần cuối của ấn phẩm này.

Cũng có khả năng hiển thị trên các nút số lượng chia sẻđến một mạng xã hội cụ thể. Hơn nữa, tất cả các bài đăng đều được tính đến chứ không chỉ những bài được tạo bằng cách sử dụng khối này (dữ liệu được tải qua API). Đúng, không phải tất cả các mạng xã hội đều được hỗ trợ (chỉ facebook, Google+, My World, Odnoklassniki.ru, VKontakte), nhưng hầu hết các mạng chính. Thật đáng buồn khi Twitter gần đây đã bị loại khỏi danh sách này, bởi vì. nó đã ngừng cung cấp dữ liệu này qua API.

Ví dụ: ở đây, bạn có thể rút ngắn tiêu đề để tải lên Twitter, vì có giới hạn về độ dài của chúng (đọc bên dưới cách thực hiện việc này), hãy đặt hiển thị hoặc không hiển thị bộ đếm chia sẻ, đặt hướng mở menu bổ sung các nút mạng xã hội và hơn thế nữa. Nói chung, hãy đào và xem.

Nói chung, so với các nút chia sẻ gốc tự cài đặt mạng xã hội trên trang web (đọc phần này bên dưới), khối Yandex thắng ở tốc độ tải, độ nhỏ gọn và dễ cài đặt và cấu hình. Ví dụ: nút Twitter chính thức của tôi thường không tải do sự cố với máy chủ của họ, vì vậy menu bên trái của blog của tôi được tạo bằng tập lệnh Java đã không tải trong một thời gian dài. Có thể vấn đề này hiện đã được giải quyết, nhưng nhiều tập lệnh sẽ luôn tệ hơn một tập lệnh về việc tối ưu hóa tốc độ tải trang web.

Tôi nghĩ Yandex có thể không gặp vấn đề với khả năng truy cập, bởi vì nó là một tổ chức thương mại kiếm được nhiều tiền và khá tôn trọng hình ảnh của mình. Ngoài ra, nếu bạn có, thì bạn có thể theo dõi thống kê nhấp chuột trên các nút này, có thể hữu ích.

Ngoài một khối với các biểu tượng có kích thước thông thường, bạn có thể tạo một khối bằng các bộ đếm và Yandex cũng cung cấp thêm menu thả xuống với các mạng xã hội bổ sung, sẽ được ẩn bên dưới một trình hướng dẫn nằm sau khi hiển thị số lượng nút cần thiết cho các mạng xã hội chính (chẳng hạn như Vkontakte, MoyMir,):

Nếu bạn muốn thêm quầy vào các nút trong khối này (với menu thả xuống), sau đó chỉ cần trên trang web, hãy chèn thêm một thuộc tính vào mã của nó (giữa các thẻ Div): data-counter = "" và thế là xong. Như tôi đã nói, nó không thể dễ dàng hơn. Bạn cũng có thể thêm bộ đếm vào các nút nhỏ, được thảo luận bên dưới:

Data-services = "vkontakte, odnoklassniki, facebook, gplus, twitter, moimir, blogger, digg, reddit, linkedin, lj"

Bạn cũng có thể thay thế tất cả các biểu tượng bằng của chúng hình thu nhỏ của nút nhỏ hơn, về mặt cá nhân, điều này rất hữu ích khi chèn một khối ở đầu tất cả các bài viết trên blog này:

Trong phần đầu tiên, các thẻ SCRIPT mở và đóng chứa đường dẫn đến tập lệnh sẽ được tải từ máy chủ Yandex và phần thứ hai chứa chính mã chèn, mã này sẽ cần được đặt vào vị trí của mẫu của bạn, nơi này khối sẽ được hiển thị.

Cách chèn các nút xã hội từ Yandex trên trang web

Do đó, tôi chèn mã cuộc gọi script cùng với khối Div ở nơi bạn muốn hiển thị các nút mạng xã hội. Vâng, để việc tải của nó không ảnh hưởng đến tốc độ tải của trang chính, tôi, theo lời khuyên được đưa ra trong tài liệu Yandex, đã thêm thuộc tính async = "async" vào nó, do đó bắt đầu tải tập lệnh không đồng bộ:

Vấn đề có thể phát sinh để tìm trong số nhiều tệp của engine trên trang web của bạn, tệp chịu trách nhiệm tạo phần dưới cùng của mã Html với thẻ đóng / BODY hoặc tệp tạo nên Head. Và cũng có thể tìm một vị trí trong tệp chủ đề nơi bạn cần chèn một đoạn mã trong thẻ Div (để đặt chính các nút).

Về nguyên tắc, cả trong WordPress và Joomla, điều này được thực hiện trong một trong các tệp của chủ đề thiết kế được sử dụng. Tại vì Vì blog này được cung cấp bởi Vorpress, tôi sẽ nói về nó.

Nếu bạn đang làm việc với WordPress, sau đó để chèn mã lệnh gọi script, bạn sẽ cần mở tệp footer.php để chỉnh sửa (ở đó bạn sẽ tìm thấy thẻ đóng Body hoặc header.php (ở đó bạn sẽ tìm thấy các thẻ Head) từ thư mục:

/wp-content/themes/folder_name_with_the_design_the_used/footer.php

Bây giờ tất cả những gì còn lại là chèn phần thứ hai của mã nút xã hội Yandex, mã này chịu trách nhiệm về vị trí của khối có các nút trên các trang của trang web, ở đúng vị trí của mẫu trang web của bạn hoặc trực tiếp vào bài viết:

Nhân tiện, tôi sẽ đặt chỗ lại nếu bạn muốn loại bỏ bất kỳ nút nào từ khối này, không cần phải quay lại hàm tạo trên trang web Yandex. Có thể chỉ cần xóa mục nhập của cô ấy khỏi danh sách này (cùng với dấu phẩy sau nó, ví dụ: "vkontakte"). Chà, bạn hiểu ý rồi đó...

Vâng, bạn cũng có thể thay đổi vị trí của các nút bên trong khối với CSS.

Li.ya-share2__item (background: none! Important; padding: 0 7px 0 7px! Important;)

Tại vì Tôi sử dụng bố cục thích ứng cho thiết bị di động, vì vậy đối với các thiết bị có độ phân giải màn hình thấp, tôi đã thêm một dòng tương tự, nơi tôi đặt thụt lề nhỏ hơn một chút, nhưng đây là các chi tiết:

Li.ya-share2__item (padding: 0 3px 0 3px! Important;)

Ở trên bài viết, tôi chỉ dán phần thứ hai của mã bằng các nút nhỏ mà không cần gọi lại tập lệnh (mỗi trang một lần là đủ):

Bạn có thể nhận thấy cấu trúc sau trong đoạn mã trên:

Data-title: twitter = ""

Đây là gì? Thực tế là các tựa sách dài của tôi luôn được gọi là vấn đề đăng lên twitter, vì vậy tôi đã từng phải đặt nút gốc từ mạng xã hội này và sửa đổi nó một chút, như hình dưới đây. Giờ đây, các nhà phát triển của Yandex đã thực hiện cắt tỉa bán tự động tin nhắn được gửi đến Twitter (nó từng là tự động). Những, cái đó. Tôi thêm thuộc tính data-title: twitter vào mã, nơi tôi đặt một cấu trúc bên trong chịu trách nhiệm cắt bớt tiêu đề (tiêu đề bài viết) đến độ dài mà Twitter cần.

Điều này được thực hiện bằng cách sử dụng một chức năng từ thư mục có chủ đề của bạn - bản thân chức năng này được cung cấp bởi liên kết và trông giống như sau:

Hàm trim_title_chars ($ count, $ after) ($ title = get_the_title (); if (mb_strlen ($ title)> $ count) $ title = mb_substr ($ title, 0, $ count); else $ after = ""; echo $ title. $ sau;)

Nói chung, một nơi nào đó như vậy trong khía cạnh liên quan đến blog của tôi trên WordPress. Trong Joomla, để chèn khối này, có lẽ sẽ dễ dàng nhất là sử dụng module Custom Html Code, đặt nó vào vị trí template ở đâu đó ngay bên dưới text bài viết.

Các nút mạng xã hội chính thức

Bản thân nhiều mạng xã hội cung cấp cho mọi người cơ hội tải xuống mã nút và thông thường với điều này, bạn thậm chí có thể tùy chỉnh giao diện và chức năng của nó. ví dụ: bạn có thể định cấu hình và lấy mã tập lệnh để chia sẻ một bài đăng trong.

Như bạn thấy, có khá nhiều cài đặt, và ngoài sự xuất hiện của nút Vkontakte, bạn cũng có thể cấu hình hiển thị bộ đếm hiển thị số lượng chia sẻ.

khuy ao Facebook có thể được nhận. Nó rất linh hoạt để phù hợp với nhu cầu của bạn và đừng nhầm lẫn với các dòng chữ tiếng Anh trên đó, bởi vì khi bạn đặt mã của nó trên trang web của mình, các chữ khắc sẽ được tự động dịch sang tiếng Nga.

Tốt hơn là không chèn bất cứ thứ gì vào trường url, khi đó trang chứa mã này sẽ được chia sẻ.

Nó sẽ thành ra một cái gì đó như thế này:

Nó sẽ thành ra một cái gì đó như thế này:

Và tất nhiên, tôi không thể không nhắc đến nút Twitter chính thức mà đã xuất hiện tương đối gần đây. Hàm tạo của nó được định vị. Đương nhiên, nó cung cấp khả năng đếm số lượt retweet và bạn sẽ có thể thiết lập giao diện của nó:

Sau đó, tôi hiện đại hóa một chút mã kết quả theo nguyên tắc được mô tả ở trên, để các tiêu đề dài của tôi được cắt bỏ và không tạo thêm vấn đề cho người dùng khi chia sẻ.

Các tùy chọn khác để nhận các nút mạng xã hội cho trang web

Như tôi đã nói, có rất nhiều loại dịch vụ trực tuyến nơi bạn có thể lấy miễn phí tập lệnh của các nút mạng xã hội và đưa nó lên trang web của mình. Tất cả đều theo đuổi các mục tiêu khác nhau: “từ trái tim” (như trong trường hợp của dịch vụ Dimox), để thu thập dữ liệu cần thiết cho hoạt động của các dịch vụ khác (như trong trường hợp của UpTooLike) hoặc vì lợi nhuận (vi rút và các hành vi gian lận bất hợp pháp khác với lưu lượng truy cập bạn có trên trang web của mình). Ngoài ra còn có các giải pháp trả phí đơn giản, chẳng hạn như plugin được đề cập bên dưới.

Rất khó để nói những gì để chọn từ giống này. Tôi sẽ nói một vài lời về những gì tôi đã có cơ hội thử sức mình, và về những gì tôi đã viết trước đó.

Nói chung, hãy tự mình xem, so sánh và lựa chọn.

Chúc bạn may mắn! Hẹn gặp lại các bạn trên trang blog

Bạn có thể xem nhiều video hơn bằng cách vào

Bạn có thể quan tâm

Chúng tôi tạo các nút để thêm vào mạng xã hội và dấu trang cho blog WordPress (không có plugin và tập lệnh) Thích - các nút xã hội ngoại tuyến cho trang web
Các nút cho các trang web di động từ Uptolike + khả năng chia sẻ liên kết trong trình nhắn tin tức thì UpToLike - trình tạo nút xã hội cho trang web của bạn với chức năng mở rộng

Ở đây có cụm từ "Ai muốn mua phần mềm được giảm giá 8% khi có chương trình khuyến mãi?" do chính người dùng viết và dưới đây là cách liên kết đến trang web trông như thế nào trong mạng xã hội. Không đẹp lắm, phải không?

thì liên kết trong mạng xã hội sẽ như thế này:

Đây là "Hôm nay là sinh nhật của allsoft.ru - 8 năm :)" - văn bản được viết bởi người dùng, phần còn lại - thông tin từ các thẻ meta. Bạn có thể đọc thêm về các thẻ meta này trên trang Facebook Develop.facebook.com/docs/share, các mạng xã hội khác cũng hiểu chúng.

Nói chung cơ chế này hoạt động như thế nào:
1. Khi người dùng nhấp vào nút, tiện ích sẽ gửi một liên kết đến trang tới máy chủ mạng xã hội.
2. Máy chủ xã hội Bản thân mạng truy cập liên kết này và đọc thông tin về trang - tiêu đề, mô tả, hình ảnh.
3. Máy chủ xã hội mạng lưu thông tin về trang ở bên cạnh và hiển thị trên các trang mạng xã hội

Cách chuyển các mô tả khác nhau cho một trang.
Ví dụ: khi tạo một trang quảng cáo trên allsoft.ru với một bài kiểm tra trò đùa, cần phải chuyển các mô tả khác nhau lên mạng xã hội để có một số điểm khác nhau do người dùng ghi được trong bài kiểm tra. Vì mạng xã hội nhận được mô tả của trang bằng cách nhấp vào liên kết, nên các liên kết khác nhau là cần thiết cho các mô tả khác nhau. Ngoài ra, Twitter chỉ cho phép 140 ký tự, vì vậy nó cần một mô tả riêng, ngắn gọn hơn.

Ya.share mới ((element: "ya_share_normal", elementStyle: ("type": "none", "quickServices": ["facebook", "twitter", "odnoklassniki", "vkontakte", "moimir"]), link: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: (twitter: (title: "Kết quả kiểm tra: Dragon gần như là điểm mạnh của bạn! Bạn chưa thể dạy Dragon Science, nhưng đúng đường! "))));
1. Ở đây ya_share_normal là id của phần tử trên trang () trong đó khối có các nút xã hội sẽ xuất hiện, liên kết là một liên kết, ngoài ra trong serviceSpecific cho Twitter, chúng tôi chỉ định tiêu đề khác với tiêu đề trong og: title thẻ meta.

Do đó, đối với nhiệm vụ “3 kết quả kiểm tra khác nhau cộng với một liên kết chung đến một trang bên ngoài bài kiểm tra”, chúng ta sẽ có 4 thẻ:

và 4 khối mã trong JavaScript như trên.

Cách thay đổi tiêu đề và mô tả được mạng xã hội lưu vào bộ nhớ cache.
1. Facebook có cách tốt nhất: vào trình gỡ lỗi của họ

Ở đây có cụm từ "Ai muốn mua phần mềm được giảm giá 8% khi có chương trình khuyến mãi?" do chính người dùng viết và dưới đây là cách liên kết đến trang web trông như thế nào trong mạng xã hội. Không đẹp lắm, phải không?

thì liên kết trong mạng xã hội sẽ như thế này:

Đây là "Hôm nay là sinh nhật của allsoft.ru - 8 năm :)" - văn bản được viết bởi người dùng, phần còn lại - thông tin từ các thẻ meta. Bạn có thể đọc thêm về các thẻ meta này trên trang Facebook Develop.facebook.com/docs/share, các mạng xã hội khác cũng hiểu chúng.

Nói chung cơ chế này hoạt động như thế nào:
1. Khi người dùng nhấp vào nút, tiện ích sẽ gửi một liên kết đến trang tới máy chủ mạng xã hội.
2. Máy chủ xã hội Bản thân mạng truy cập liên kết này và đọc thông tin về trang - tiêu đề, mô tả, hình ảnh.
3. Máy chủ xã hội mạng lưu thông tin về trang ở bên cạnh và hiển thị trên các trang mạng xã hội

Cách chuyển các mô tả khác nhau cho một trang.
Ví dụ: khi tạo một trang quảng cáo trên allsoft.ru với một bài kiểm tra trò đùa, cần phải chuyển các mô tả khác nhau lên mạng xã hội để có một số điểm khác nhau do người dùng ghi được trong bài kiểm tra. Vì mạng xã hội nhận được mô tả của trang bằng cách nhấp vào liên kết, nên các liên kết khác nhau là cần thiết cho các mô tả khác nhau. Ngoài ra, Twitter chỉ cho phép 140 ký tự, vì vậy nó cần một mô tả riêng, ngắn gọn hơn.

Ya.share mới ((element: "ya_share_normal", elementStyle: ("type": "none", "quickServices": ["facebook", "twitter", "odnoklassniki", "vkontakte", "moimir"]), link: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: (twitter: (title: "Kết quả kiểm tra: Dragon gần như là điểm mạnh của bạn! Bạn chưa thể dạy Dragon Science, nhưng đúng đường! "))));
1. Ở đây ya_share_normal là id của phần tử trên trang () trong đó khối có các nút xã hội sẽ xuất hiện, liên kết là một liên kết, ngoài ra trong serviceSpecific cho Twitter, chúng tôi chỉ định tiêu đề khác với tiêu đề trong og: title thẻ meta.

Do đó, đối với nhiệm vụ “3 kết quả kiểm tra khác nhau cộng với một liên kết chung đến một trang bên ngoài bài kiểm tra”, chúng ta sẽ có 4 thẻ:

và 4 khối mã trong JavaScript như trên.

Cách thay đổi tiêu đề và mô tả được mạng xã hội lưu vào bộ nhớ cache.
1. Facebook có cách tốt nhất: vào trình gỡ lỗi của họ