소셜 버튼을 소유하세요. 타사 서비스 없이 DIY 소셜 버튼 만들기 버튼은 소셜 네트워크에서 공유됩니다.

안녕하세요, 블로그 사이트 독자 여러분. 제목에서 이미 짐작하셨겠지만, 성공적인 상황과 기사 자체의 높은 품질 하에서 사이트의 기사를 유치하는 데 매우 도움이 될 수 있는 소위 소셜 버튼에 대해 이야기하겠습니다. 소셜 네트워크 및 서비스 방문자.

사이트 순위를 매길 때 검색 엔진에서는 소셜 신호도 고려합니다. Twitter, Google+, Facebook(VKontakte 및 기타 네트워크도 고려할 수 있음)의 고품질 계정에 대한 많은 공유를 통해 특정 단계를 더 높일 수 있으며 아마도 상위 및 행동 요인이 당신을 실망시키지 않는다면 거기에 머물십시오.

일반적으로 인터넷의 소셜 네트워크에서 콘텐츠를 공유하기 위한 스크립트(버튼)를 제공하는 서비스가 많이 있지만 모든 서비스를 신뢰할 수는 없습니다(그들은 쉽게 사용자를 이용하거나 나쁜 이유로 다른 방식으로 사용할 수 있음). 그리고 코드가 제대로 배치되지 않았고 서버의 컴퓨팅 기능이 그다지 강력하지 않은 경우 단순히 "사이트를 중단"할 수도 있습니다. 이러한 단점이 없는 괜찮은 옵션이 있지만 이 출판물의 마지막 부분에 해당 옵션을 나열했습니다.

특정 소셜 네트워크에 대한 공유 수를 버튼에 표시하는 것도 가능합니다. 또한 이 블록을 사용하여 작성된 게시물뿐만 아니라 모든 게시물이 고려됩니다(데이터는 API를 통해 로드됨). 사실, 모든 소셜 네트워크(Facebook, Google+, Moi Mir, Odnoklassniki.ru, VKontakte만)가 지원되는 것은 아니지만 대부분의 주요 소셜 네트워크가 지원됩니다. Twitter가 최근 이 목록에서 삭제된 것은 슬픈 일입니다. API를 통해 이 데이터 제공을 중단했습니다.

예를 들어, 길이에 제한이 있기 때문에 Twitter에서 공유할 제목을 줄이고(아래 방법 참조), 공유 카운터 표시 여부를 구성하고, 추가 소셜 네트워크 버튼을 사용하여 메뉴 확장 방향을 설정할 수 있습니다. , 그리고 훨씬 더. 일반적으로 주변을 파고 살펴보십시오.

일반적으로 사이트에 소셜 네트워크를 설치하도록 제안하는 기본 공유 버튼과 비교할 때(아래 내용 참조) Yandex 블록은 로딩 속도, 소형화, 설치 및 구성 용이성 측면에서 유리합니다. 예를 들어, 과거에는 서버 문제로 인해 내 공식 트위터 버튼이 로드되지 않는 경우가 많았기 때문에 Java 스크립트로 작성된 내 블로그의 왼쪽 메뉴가 오랫동안 로드되지 않았습니다. 이제 이 문제가 해결되었을 가능성이 있지만 사이트 로딩 속도 최적화 측면에서 많은 스크립트는 항상 하나보다 나쁩니다.

Yandex는 이미지에 매우 민감한 수익성이 좋은 상업 조직이기 때문에 접근성에 문제가 없을 것 같습니다. 또한, 해당 버튼에 대한 클릭 통계를 추적할 수 있어 유용할 수 있습니다.

일반 크기의 아이콘이 있는 블록 외에도 카운터가 있는 블록을 만들 수 있으며 Yandex는 추가 소셜 네트워크가 있는 드롭다운 메뉴를 추가할 것을 제안합니다. 이 메뉴는 필요한 버튼 수를 표시한 후 스포일러 아래에 숨겨집니다. 주요 소셜 네트워크(예: VKontakte, MoiMir 등):

드롭다운 메뉴를 사용하여 이 블록의 버튼에 카운터를 추가하려면 사이트의 코드(Div 태그 사이)에 data-counter="“라는 속성을 하나 더 추가하면 됩니다. 내가 말했듯이 이보다 더 간단할 수는 없습니다. 아래에 설명된 작은 버튼에 카운터를 추가할 수도 있습니다.

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

모든 아이콘을 더 작은 버튼 축소판으로 바꿀 수도 있습니다. 개인적으로 이 블로그의 모든 기사 상단에 블록을 삽입할 때 유용하다고 생각했습니다.

첫 번째 부분에서 열기 및 닫기 SCRIPT 태그에는 Yandex 서버에서 로드될 스크립트 경로가 포함되어 있고, 두 번째 부분에는 삽입 코드 자체가 포함되어 있습니다. 이 코드는 템플릿에서 다음 위치에 배치되어야 합니다. 이 블록이 표시됩니다.

웹사이트에 Yandex의 소셜 버튼을 삽입하는 방법

따라서 소셜 미디어 버튼이 표시되어야 하는 위치에 Div 블록과 함께 스크립트 호출 코드를 삽입합니다. 글쎄, 로딩이 메인 페이지의 로딩 속도에 영향을 미치지 않도록 Yandex 문서에 제공된 조언에 따라 async="async" 속성을 추가하여 스크립트의 비동기 로딩을 시작했습니다.

사이트 엔진의 많은 파일 중에서 닫는 태그 /BODY가 있는 Html 코드의 맨 아래 부분을 생성하는 파일이나 헤드를 형성하는 파일을 찾는 데 문제가 발생할 수 있습니다. 또한 Div 태그에 코드 조각을 삽입해야 하는(버튼 자체를 배치하기 위해) 테마 파일의 위치를 찾으세요.

원칙적으로 WordPress와 Joomla 모두에서 이는 사용된 테마 파일 중 하나에서 수행됩니다. 왜냐하면 이 블로그는 WordPress에서 운영되므로 이에 대해 말씀드리겠습니다.

WordPress로 작업하는 경우 스크립트 호출 코드를 삽입하려면 편집을 위해 footer.php 파일을 열어야 합니다(폴더에서 닫는 Body 태그 또는 header.php(Head 태그를 찾을 수 있음)를 찾을 수 있음).

/wp-content/themes/폴더 이름_with_theme_used/footer.php

이제 남은 것은 사이트 페이지의 버튼이 있는 블록의 위치를 담당하는 Yandex 소셜 버튼 코드의 두 번째 부분을 웹 사이트 템플릿의 올바른 위치에 삽입하거나 기사에 직접 삽입하는 것입니다.

그건 그렇고, 다시 한 번 예약하겠습니다. 이 블록에서 버튼을 제거하려면 Yandex 웹 사이트의 생성자로 다시 이동할 필요가 없습니다. 이 목록에서 해당 항목을 간단히 제거할 수 있습니다(예: "vkontakte"와 같이 그 뒤에 오는 쉼표도 함께). 글쎄요, 이해하시겠죠...

CSS를 사용하여 블록 내부의 버튼 위치를 변경할 수도 있습니다.

Li.ya-share2__item (배경:없음!중요;패딩:0 7px 0 7px!중요;)

왜냐하면 나는 모바일 장치에 적합한 레이아웃을 사용하므로 화면 해상도가 낮은 장치의 경우 비슷한 줄을 추가하여 약간 더 작은 들여쓰기를 설정했지만 세부 사항은 다음과 같습니다.

Li.ya-share2__item (패딩:0 3px 0 3px!important;)

일반적으로 내 WordPress 블로그의 경우 이와 같습니다. Joomla에서 이 블록을 삽입하려면 사용자 정의 Html 코드 모듈을 사용하여 기사 텍스트 바로 아래의 템플릿 위치에 배치하는 것이 가장 쉬울 것입니다.

공식 소셜 미디어 버튼

많은 소셜 네트워크는 모든 사람에게 버튼 코드를 다운로드할 수 있는 기회를 제공하며, 버튼 코드의 모양과 기능을 사용자 정의할 수도 있습니다. 예를 들어 에서 게시물을 공유하기 위한 스크립트 코드를 구성하고 받을 수 있습니다.

보시다시피 꽤 많은 설정이 있으며 VKontakte 버튼의 모양 외에도 공유 수를 표시하는 카운터 표시를 사용자 정의할 수도 있습니다.

페이스북 버튼을 받으실 수 있습니다. 귀하의 필요에 맞게 매우 유연하게 맞춤화되었으며, 웹사이트에 코드를 배치하면 비문이 자동으로 러시아어로 번역되기 때문에 영어 비문에 혼동하지 마십시오.

URL 필드에 아무 것도 삽입하지 않는 것이 좋습니다. 그러면 이 코드가 있는 페이지가 공유됩니다.

다음과 같이 보일 것입니다:

그리고 물론 비교적 최근에 등장한 공식 트위터 버튼도 언급하지 않을 수 없다. 해당 생성자가 있습니다. 당연히 리트윗 수를 계산하는 기능을 제공하며 모양을 설정할 수도 있습니다.

그런 다음 위에서 설명한 원칙에 따라 결과 코드를 약간 현대화하여 긴 제목이 잘리고 공유할 때 사용자에게 추가 문제가 발생하지 않도록 했습니다.

웹사이트에 소셜 미디어 버튼을 가져오기 위한 기타 옵션

이미 말했듯이 소셜 네트워크 버튼용 스크립트를 무료로 가져와 웹사이트에 올릴 수 있는 다양한 온라인 서비스가 있습니다. 그들은 모두 서로 다른 목표를 추구합니다: "마음으로부터"(Dimoxa 서비스의 경우처럼), 다른 서비스 운영에 필요한 데이터를 수집하기 위해(ApTuLike의 경우처럼), 이익을 위해(바이러스 및 기타 불법 사기를 목적으로) 귀하의 사이트에 발생한 트래픽). 예를 들어 아래에 언급된 플러그인과 같은 단순한 유료 솔루션도 있습니다.

이 다양성 중에서 무엇을 선택해야할지 말하기는 어렵습니다. 제가 직접 시도해 볼 기회가 있었던 것과 이전에 이미 쓴 내용에 대해 몇 마디 말씀드리겠습니다.

일반적으로 직접 보고 비교하고 선택하십시오.

행운을 빕니다! 블로그 사이트 페이지에서 곧 뵙겠습니다.

당신은 관심이 있을 수도 있습니다

소셜 네트워크에 추가하기 위한 버튼과 WordPress 블로그에 대한 북마크를 만듭니다(플러그인 및 스크립트 없음) 가능성 있음 - 사이트의 독립형 소셜 버튼
Uptolike의 모바일 사이트용 버튼 + 메신저에서 링크를 공유하는 기능 UpToLike - 확장된 기능을 갖춘 사이트용 소셜 버튼 빌더
Uptolike Share Buttons - WordPress에 소셜 미디어 버튼을 추가하기 위한 무료 플러그인
uSocial - 귀하의 웹사이트를 위한 새로운 소셜 버튼 서비스 검토
SMO 방법(포럼, 소셜 네트워크, 구독 그룹)을 사용하여 웹 사이트 방문자의 트래픽 유도 소셜 네트워크의 페이지나 그룹 및 RSS 피드로 연결되는 버튼이 있는 블록을 웹 사이트에 추가하는 방법
Google +1 및 Vkontakte 및 Facebook의 좋아요 - 웹사이트에 좋아요 버튼을 추가하는 방법

06.12.14 10.2K

물지 않습니까? 그리고 그들은 이미 방문객들에게 음식을 제공하는 데 많은 돈을 썼습니다. 사이트에 소셜 미디어 버튼을 설치하셨나요? 알았습니다! 질병의 모든 증상은 명백합니다. 사이트는 비사회적입니다. 치료해드리겠습니다.

웹사이트에 소셜 미디어 버튼이 필요한 이유는 무엇입니까?

웹사이트 페이지에 소셜 버튼이 있다는 것은 필수 속성이거나 패션 액세서리일 뿐만이 아닙니다. 우선, 소셜 버튼은 자원 소유자가 웹사이트 홍보에 드는 비용을 절약하는 데 도움이 됩니다. 이 경우 방문자의 도움으로 홍보가 이루어집니다. 그리고 소유자는 자신의 사이트를 양질의 콘텐츠로만 채우고 신규 사용자의 유입을 기다릴 수 있습니다.

그러나 이러한 버튼은 웹사이트 소유자에게만 필요한 것이 아닙니다. 그들의 배치는 소셜 네트워크 자체에도 중요합니다. 각 버튼은 소셜 포털로 연결되는 링크입니다. 그리고 이러한 링크 교환 덕분에 소셜 네트워크 자체 내에서 높은 수준의 사용자 활동이 유지됩니다. 이것이 인기 있는 소셜 네트워크가 사이트에 미리 만들어진 버튼 코드를 제공하는 이유입니다.

일반 소셜 버튼이란 무엇입니까?

예를 들어 VKontakte 소셜 버튼에 대한 스크립트를 살펴보겠습니다. 그녀의 코드:

코드의 이 부분은 사이트 페이지의 소위 "헤더"에 배치되어야 합니다. 이 코드는 소셜 버튼을 클릭할 때 실행되어야 하는 스크립트의 주소를 지정합니다. 다음은 버튼 이미지 표시를 담당하는 코드의 두 번째 부분입니다.

두 번째 코드 부분은 버튼이 표시될 페이지 부분에 배치되어야 합니다.

버튼의 모양을 쉽게 조정할 수 있습니다. 이렇게 하려면 소셜 네트워크 웹사이트의 특별 기술 지원 섹션으로 이동해야 합니다. 여기서 코드가 생성되는 버튼의 스타일을 설정할 수 있습니다. 간편한 숙박 옵션

귀하의 웹사이트에 모든 인기 소셜 네트워크에 대한 버튼을 한 번에 배치할 수 있는 전문 서비스가 있습니다. 이는 각각에 대해 개별적으로 스크립트를 삽입하는 것보다 훨씬 쉽습니다. 이러한 서비스 중 가장 인기 있는 서비스를 살펴보겠습니다.

인기 있는 CMS를 위해 소셜 버튼의 그룹 설치를 위한 많은 플러그인이 생성되었습니다. WordPress용 소셜 공유 버튼 플러그인을 설치하는 예를 살펴보겠습니다.

이 확장의 긍정적인 측면은 완전한 러시아어 인터페이스, 설정 용이성 및 Runet의 인기 소셜 네트워크에 "맞춤형"이라는 점입니다.

WordPress용 소셜 버튼 플러그인 설치 절차.

1) 사이트의 관리 패널로 이동합니다. 왼쪽에서 "플러그인", "새로 추가" 탭을 선택합니다.
2) "플러그인 설치" 페이지에서 검색 필드에 확장 프로그램 이름을 입력하고 "플러그인 검색" 버튼을 클릭합니다.

이 엔진이 소셜 버튼과 작동할 수 있도록 많은 플러그인도 만들어졌습니다. SocButton을 예로 들어 확장 설치 프로세스를 살펴보겠습니다. 이 플러그인의 기능:

가장 널리 사용되는 모든 엔진 버전을 지원합니다.
설정이 쉽습니다.
모양 특성은 각 버튼에 대해 별도로 설정됩니다.
경량 설치 패키지.

절차:

1) Joomla 사이트의 관리 부분으로 이동하여 "Extension Manager" 아이콘을 선택하십시오.
2) 여기서는 확장 프로그램을 다운로드할 소스를 결정합니다.

3) 확장 프로그램 설치 후 "플러그인 관리자"로 이동하여 새로 설치된 확장 프로그램을 활성화하세요. 이렇게 하려면 페이지 상단에 있는 녹색 아이콘을 클릭하세요.
4) 구성하려면 목록에서 확장 이름을 클릭합니다. 이 플러그인에서는 각 소셜 버튼에 대한 표시 설정이 별도로 설정됩니다.
Joomla를 위한 몇 가지 입증된 확장 기능:

소셜 북마킹 – 이 플러그인은 여러 버전으로 존재합니다. 각각을 사용하면 소셜 패널을 특정 위치(수평, 수직 또는 부동 위치)에 배치할 수 있습니다.
JL Like – 이 플러그인은 추가 외부 스크립트를 로드하지 않으며 소셜 네트워크의 투표 통계를 유지할 수 있습니다.

스크립트 또는 플러그인?

플러그인을 설치하는 것이 가장 쉽고 빠른 옵션입니다. 대부분의 경우 설치 후 전체 사이트가 제대로 작동합니다. 그러나 엔진 버전을 최신 버전으로 업데이트하면 모든 것이 즉시 중단될 수 있습니다.

여기 "프로모션에서 8% 할인된 가격으로 소프트웨어를 구매하고 싶은 사람이 누구입니까?"라는 문구가 있습니다. 사용자가 직접 작성했으며 아래는 소셜 네트워크에서 사이트 링크가 어떻게 보이는지 보여줍니다. 별로 아름답지 않죠?

그러면 소셜 네트워크의 링크는 다음과 같습니다.

여기서 "오늘은 allsoft.ru의 생일입니다 - 8년입니다 :)"는 사용자가 작성한 텍스트이고 나머지는 메타 태그의 정보입니다. Facebook 페이지developers.facebook.com/docs/share에서 이러한 메타 태그에 대한 자세한 내용을 읽을 수 있으며, 다른 소셜 네트워크에서도 이를 잘 이해하고 있습니다.

이 메커니즘은 일반적으로 어떻게 작동합니까?
1. 사용자가 버튼을 클릭하면 위젯은 페이지 링크를 소셜 네트워크 서버로 전송합니다.
2. 소셜 서버 네트워크 자체가 이 링크에 액세스하여 제목, 설명, 사진 등 페이지에 대한 정보를 읽습니다.
3. 소셜 서버 네트워크는 페이지 정보를 캐시하여 소셜 네트워크 페이지에 표시합니다.

한 페이지에 다른 설명을 보내는 방법.
예를 들어, 만화 테스트를 통해 allsoft.ru에 프로모션 페이지를 만들 때 테스트에서 사용자가 획득한 다양한 점수에 대해 소셜 네트워크에 다양한 설명을 보내야 했습니다. 소셜 네트워크는 링크를 클릭하여 페이지에 대한 설명을 받기 때문에 설명마다 다른 링크가 필요합니다. 또한 트위터에서는 140자만 허용하므로 별도의 짧은 설명이 필요합니다.

New Ya.share(( 요소: "ya_share_normal", elementStyle: ( "type": "none", "quickServices": ["facebook","twitter","odnoklassniki","vkontakte","moimir"] ), link: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: ( twitter: ( title: "테스트 결과: Dragon은 거의 당신의 장점입니다! 아직 Dragonology를 가르칠 수는 없지만, 올바른 길로!" ) ) ));
1. 여기에서 ya_share_normal은 소셜 버튼이 있는 블록이 표시되는 페이지 요소의 ID이고, 링크는 링크이며, Twitter의 serviceSpecific에서는 제목을 표시합니다. 이는 og에 있는 것과 다릅니다. 제목 메타 태그.

따라서 "3가지 다른 테스트 결과와 테스트 외부 페이지에 대한 공통 링크" 작업에 대해 4개의 태그가 있습니다.

위와 같은 4개의 JavaScript 코드 블록이 있습니다.

소셜 네트워크에 캐시된 제목과 설명을 변경하는 방법.
1. Facebook을 위한 가장 좋은 방법이 있습니다. 디버거로 이동하세요.

아마도 인터넷에 다음을 포함하지 않는 사이트가 없을 것입니다. 게시 버튼소셜 네트워크의 자료. 후자는 우리 삶에서 오랫동안 확고하게 자리 잡았습니다. 우리는 그곳에서 소통하고, 친해지고, 사업을 홍보하고, 뉴스를 읽는 등의 일을 합니다. 전체 범위. 웹마스터가 가능한 모든 수단을 통해 소셜 네트워크에서 사이트의 존재를 확대하려고 노력하는 것은 놀라운 일이 아닙니다. 결국, 절대적으로 모든 사람에게 필요한 잠재적인 트래픽이 엄청나게 많습니다. 방문자의 흐름은 돈, 명성, 성장을 의미합니다. 모든 것이 그를 중심으로 만들어졌습니다. 맛있는 한 입.

소셜 버튼이 필요한 것은 당연합니다. 질문이 다릅니다 - 어느 것을 선택할까요?우리는 당신을 위해 그것을 테스트했습니다 TOP 5 다양한 서비스웹사이트에 버튼 코드를 추가하려면 목표는 최적의 것을 식별하고 자세히 보여주는 것입니다. 예선 단계부터 시작하겠습니다.

최고의 소셜 버튼 서비스 선택

비교 후보자의 선택은 사소한 것으로 판명되었습니다. 가장 인기 있는 서비스, 웹 사이트 제작 주제에 대해 조금이라도 익숙한 사람이라면 누구나 들어본 적이 있을 것입니다. 인기를 얻고 있는 희귀한 것들은 없고, 경험이 많은 오래된 것들만 있을 뿐입니다.

인증받은 팀의 구성은 다음과 같습니다.

선정된 소셜 서비스를 테스트한 결과 - uSocial이 선두주자였습니다.. 이제 당신은 우리의 선택에 대한 근거를 듣고 싶습니다. 물론, 우리는 근거 없는 상태로 남아 있지 않을 것입니다.

uSocial 버튼의 기능

주자 몇 가지 사실, 그 결정이 옳았음을 우리에게 확신시켰습니다.

2 단계

우리는 소셜 버튼 세트를 구성하고 있습니다. 선택 할수있다 표시됨소셜 네트워킹 서비스, 버튼의 모양 및 스타일.

여기에서 "위로" 버튼을 활성화하고, 모바일 장치 지원을 활성화하고, Viber, WhatsApp, Telegram, SMS 서비스를 연결할 수 있습니다.

4단계

uSocial 개인 계정에서 소셜 바를 설치한 후 다음을 볼 수 있습니다. 좋아요 및 재게시 통계선택한 기간 동안 모든 소셜 네트워크와 선택한 소셜 네트워크 모두에 대해 동시에 적용됩니다. 데이터는 명확한 그래프나 차트로 표시됩니다.

소셜 메타 태그가 올바르게 작성되면 게시물은 자료 유형, 관련 제목 및 원하는 사진에 대한 링크를 나타내기 때문에 소셜 서비스에서 올바르게 인식됩니다. 이 모든 것이 재게시 효율성을 높여줍니다. 귀하의 자료는 소셜 서비스에 의해 올바르게 색인화됩니다.

예 마이크로 마크업 코드인기 있는 소셜 네트워크의 경우(코드는 태그 앞에 작성되어야 함):

1. 페이스북그리고 접촉 중오픈 그래프 프로토콜을 사용하십시오:

3. 트위터코드는 다음과 같습니다:

4. Google+그래서:

- Google+의 작성자 프로필 링크
- 사이트 이름
- 스니펫 텍스트(최대 40자)
- 사이트 설명
- 이미지 파일 경로

도구마이크로 마크업 작업용.

소셜 네트워크의 프로필 및 그룹에 아이콘 추가

수년 동안 웹 사이트에 설치하면 트래픽 증가를 확인할 수 있고 동시에 리소스에 대한 PR 캠페인 개발에 기여하는 특별한 소셜 네트워킹 버튼이 있었다는 사실은 비밀이 아닙니다. 자료를 공유하면 잠재 고객, 독자 및 구독자로 구성된 거대한 청중에게 정보를 제공할 수 있습니다.

소셜 네트워크 공유 도구를 설치하면 검색 엔진의 사이트 신뢰 수준이 높아집니다. 이 방법은 공유에 고유한 댓글을 추가하는 경우 Micro Low Frequency 쿼리에 대한 유기적 검색 결과 홍보의 일부로도 잘 작동합니다.

우리 기사에서는 귀하의 웹사이트에 편리하고 아름다운 소셜 버튼을 선택하고, 올바르게 설치하고, 추가하는 방법을 알려드릴 것입니다. 어떤 서비스가 서비스를 제공하며 그 장점은 무엇입니까? 코드를 추가하고 소셜 미디어 버튼을 직접 맞춤설정하는 방법을 알아보세요.

소셜 미디어를 통해 공유 버튼을 사용하면 사이트 트래픽을 최대 20%까지 늘릴 수 있습니다!

서비스의 장점과 단점

효과적인 공유 도구는 두 가지 방법으로 추가할 수 있습니다.

다양한 다기능 서비스는 사용자에게 맞춤화 및 디자인을 위한 충분한 기회를 제공하고, 특별한 기술이 필요하지 않으며, 아름다운 요소를 만들기 위한 직관적인 인터페이스를 갖추고 있습니다.

모든 서비스는 데이터를 입력한 후 웹사이트에 배치해야 하는 코드가 생성되는 플랫폼입니다.

이러한 "도우미"의 주요 장점은 다음과 같습니다.

통합의 단순성과 학습의 용이성;
모든 관련 소셜 네트워크를 즉시 포괄하는 기능. 네트워크가 "일제히";
버튼 모양 선택의 다양성과 미적 매력;
선택한 소셜 네트워크에 관계없이 블록의 일반적인 스타일과 기하학적 구조를 유지합니다.

전환 통계는 Yandex.Metrica 및 Google Analytics에서 편리하게 추적됩니다.

하지만 아직 완벽한 것은 없습니다. 공식 솔루션과 달리 소셜 버튼 서비스에는 다음과 같은 여러 가지 단점이 있습니다.

검색 결과의 사이트 순위와 판매량 모두에 부정적인 영향을 미칠 수 있는 페이지 로딩 속도 감소
서버 작동 오류 및 오류로 인해 버튼 로딩 시간이 길어지거나 버튼을 일시적으로 사용할 수 없게 되는 경우
주기적으로 광고가 게재됩니다.
AJAX를 통한 작업을 위한 안정적인 알고리즘이 부족합니다.
브라우저의 가능한 메모리 사용량
의심스러운 트래픽이 존재합니다.
사용자 데이터의 보안을 보장하지 않습니다.

서로 다른 플랫폼의 플러그인은 디자인과 크기가 다를 수 있으므로 동일한 페이지에서 조화롭게 공존하기가 어렵습니다.
이 프로세스는 시간이 더 오래 걸리고 몇 가지 준비 단계와 HTML에 대한 기본 지식이 필요합니다.

소셜 버튼 서비스 개요

인터넷에는 수많은 서비스가 있으며, 각 서비스는 고유한 특성을 가지고 있으며 소셜 네트워크 버튼을 설정하고 사이트에 구현하는 시스템의 개선으로 사용자를 지속적으로 기쁘게 합니다. 가장 인기있는 디자이너를 살펴 보겠습니다.

Yandex 소셜 미디어 버튼

모양 옵션:

공유할 수 있는 네트워크 목록:

Yandex 및 기성 코드의 소셜 네트워크 버튼을 표시하기 위한 기본 설정:

블록을 설치하려면 생성된 코드를 사이트의 HTML 코드 중 원하는 위치에 삽입해야 합니다. 속성을 사용하여 보다 정확하게 작업하고 스크립트의 비동기 로딩을 설정하는 등의 작업이 가능합니다. (문서 참조).

플러스

러시아 부문의 유명한 서비스와 잘 알려진 유사품입니다. 디자이너는 매력적인 요소 디자인, 편리한 기능 및 유용한 설정이 돋보입니다.

미리보기 창 및 추가 옵션:

필요한 소셜 네트워크를 선택하기 위해 간단한 조작을 수행했습니다. 네트워크, 아이콘 및 해당 설정에서 코드를 볼 수 있습니다.

(function() ( if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefine) ( window.ifpluso = 1; var d = 문서, s = d.createElement("script"), g = "getElementsByTagName"; s.type = "text/javascript"; s.charset="UTF-8"; s.async = true; s.src = ("https:" == window.location.protocol ? "https" : "http") + "://share.pluso.ru/pluso-like.js"; var h=d[g]("body"); h.appendChild (들); )))();

서비스를 올바르게 표시하려면 첨부된 데이터와 함께 결과 스크립트를 복사하여 선택한 위치의 웹사이트 레이아웃에 설치하기만 하면 됩니다.

공유 도구와 함께 "인쇄", "북마크" 등 특별한 서비스 요소를 설치할 수 있습니다.

좋아하는 것

방문자는 4가지 유형의 버튼을 선택할 수 있으며 그 중 하나는 위젯입니다(페이지와 관련된 위치가 다름).