Facebook에 공유 버튼을 두는 방법

웹 사이트가 있습니다. 그 안에 Facebook 공유 버튼을 구현하고 싶지만 방법을 모르십니까? 일부 Facebook 게시물에 공유 버튼이 없다는 것을 알고 다시 활성화하는 방법을 알고 싶으십니까? 이것이 당신이 스스로에게 묻는 질문 중 일부라면, 당신이 적시에 올바른 장소에 왔음을 알고 싶습니다.

오늘의 가이드에서는 사실 보여 드리겠습니다 Facebook에 공유 버튼을 추가하는 방법 웹 사이트 방문자가 Facebook 프로필에 게시 한 콘텐츠를 공유 할 수 있습니다. 그런 다음 Facebook에서 개발 한 플러그인을 통해 또는 WordPress와 같이 가장 인기있는 CMS에서 사용할 수있는 타사 플러그인을 사용하여이 작업을 수동으로 수행하는 방법을 보여 드리겠습니다. 또한 Facebook 게시물의 공유 버튼이 더 이상 표시되지 않기 때문에 대신 활성화하려는 경우 문제를 해결하는 데 유용한 몇 가지 팁을 제안합니다.

Facebook 공유 버튼을 구현하기 위해이 가이드에서 작성한 모든 팁을 알고 싶으시다는 것을 알고 있습니다. 그렇다면 지금 조치를 취하는 것에 대해 어떻게 생각하십니까? 어서, 앉아서이 튜토리얼을 확인하는 데 몇 분의 시간을주세요. 나는 당신이 그것을 후회하지 않을 것이라고 확신합니다! 시작할 준비가 되셨습니까? 시작할 준비가 되셨습니까? 글쎄요, 잘 읽으 셨으면 좋겠습니다.

• 페이스북에 공유버튼을 올려주세요
  • 앱 ID 만들기
  • 코드 생성
  • 웹 사이트에 코드 배포
• Facebook에 공유 버튼을 추가하는 플러그인
  • WPU 퍼 동작 버튼 (WordPress)
  • Facebook에 공유 버튼을 추가하는 기타 플러그인
• Facebook에서 공유 버튼을 활성화하세요

페이스북에 공유버튼을 올려주세요

구현하려는 경우 페이스 북에 공유하기 페이지에 HTML 또는 동적 웹 사이트 PHP 공식 Facebook 플러그인을 통해이 작업을 수행 할 수 있습니다. 다음 장에서는 단계별 마법사를 사용하여 웹 사이트에이 버튼을 추가하는 방법을 보여 드리겠습니다.

앱 ID 만들기

수행 할 첫 번째 작업은 Facebook 애플리케이션 섹션을 통해 개발자 ~의 소셜 네트워크. 그런 다음이 웹 사이트에 연결하고 Facebook 계정으로 로그인하십시오. 계정이없는 경우이 가이드에서 제공 한 팁을 사용하여 만들 수 있습니다.

일단 당신이 도착하면 개발자 페이스북의 로그인합니다...계정으로 로그인하려면 오른쪽 상단에 있습니다. 사용 중인 브라우저에서 이미 Facebook에 로그인한 경우 항목을 직접 클릭하십시오. 내 응용 프로그램 오른쪽 상단 모서리에있는 새 앱 추가 당신이 보는 상자에.

이 시점에서 나타나는 화면에서 이름 텍스트 상자를 통해 응용 프로그램에 할당 할 수 있습니다. 화면 이름. 그런 다음 이메일 주소 아래 상자에 표시된 것이 정확하고 버튼을 누르십시오 앱 ID를 만듭니다. 그런 다음 코드를 사용하여 보안 검사를 완료하십시오. 보안문자 그리고 보내다.

이전 줄에서 설명한 작업을 올바르게 수행 한 경우 새로 만든 응용 프로그램의 설정과 관련된 섹션으로 이동합니다. 왼쪽 사이드 바에서 항목을 클릭합니다. 설정 ♪ 기본 찾을 때까지 페이지를 아래로 스크롤하십시오. 플랫폼을 추가합니다.

이제 해당 버튼을 누르고 카테고리를 선택하십시오 웹 페이지. 텍스트 상자에서 URL 사이트의 쓰다 도메인 버튼을 구현하려는 웹 페이지의 페이스북에 공유하세요. 그 후 상자에 개인 정보 보호 정책 URL 개인 데이터 처리에 대한 정보가 포함 된 웹 사이트의 웹 페이지 링크를 삽입하십시오.

이 시점에서 드롭 다운 메뉴에서 범주...기사 설정… 소셜 미디어 및 데이트 또는 사용자가 애플리케이션을 사용하는 방식을 반영하는 기타 요소. 그런 다음 버튼을 누릅니다 저장 변화들...하단에 위치하여 변경 사항을 확인합니다.

다음 장으로 넘어 가기 전에 새로 만든 응용 프로그램을 공개하는 것이 중요합니다. 그래서 스틱을 움직여 아니 a 예 제목 아래 상태 : 개발 중 그리고 키 확인한다 표시되는 상자에. 이런 식으로 응용 프로그램은 온라인 상태가되어 코드를 생성하는 데 사용할 수 있습니다. 페이스북에 공유하세요.

코드 생성

이제 당신은 앱 ID 당신이 취해야 할 다음 단계는 페이스북에 공유하세요. 그러려면 먼저 웹 사이트로 이동하십시오. 소셜 플러그인 Facebook 개발자 웹 사이트에서 섹션으로 이동하여 공유 버튼 구성자.

텍스트 필드에서 공유 할 URL 사용자가 버튼을 클릭 할 때 공유 할 웹 사이트 또는 Facebook 페이지의 URL을 입력합니다. 그런 다음 옆에있는 드롭 다운 메뉴를 사용하여 버튼을 사용자 지정합니다. 디자인 e 버튼 치수 각각의 모양과 크기를 변경하는 데 유용합니다. 페이스북에 공유하세요.

버튼 설정이 끝나면 코드 받기 웹 사이트에 구현할 코드가있는 화면을 표시합니다. 다음과 함께 코드를 사용하도록 선택할 수 있습니다. 자바 스크립트 SDK Facebook 또는 iFrame 상단의 각 탭을 클릭하면됩니다. 한 유형의 코드를 다른 유형보다 선택하는 것은 필요에 따라 다릅니다.

코드를 사용하려는 경우 자바 스크립트 드롭 다운 메뉴에서 ID 이전에 생성 된 Facebook 애플리케이션의 언어 버튼을 표시합니다.

웹 사이트에 코드 배포

버튼 코드 구현 페이스 북에 공유하기 이것은 매우 간단한 작업입니다. 웹 페이지에서 위에서 설명한 절차를 통해 표시된 코드를 복사하면됩니다.

이렇게하려면 버튼을 구현할 사이트 페이지를 찾습니다. 페이스북에 공유하세요. 귀하의 웹사이트가 CMS 아마도 고급 편집기를 통합했을 것입니다. 판 페이지 수; 파일을 다운로드하지 않으면 ... PHP ... 코드가 적용된 동일한 유형의 웹 페이지와 관련하여 (예 : post.php ). 웹 사이트가 정적 ( HTML ), 서버에서 파일 다운로드 ... HTML ... 변경합니다.

일반적으로 웹 사이트가 호스팅되는 서버의 구성 패널에는 온라인 편집을위한 기본 제공 도구가 있습니다. HTML 파일 또는 PHP를 다운로드 할 필요가 없습니다. 또는이 가이드를 참조하여 수정 HTML 또는 PHP 파일, 또는 FTP 소프트웨어를 검색하여 파일을 서버에 다운로드하고 업로드합니다.

이제 웹 페이지를 편집하고 있으므로 코드를 구현할 차례입니다. 페이스북에 공유하세요. 코드 iFrame 표시하려는 웹 페이지에 배치해야하므로 추가하기가 가장 쉽습니다.

코드에 관해서는 자바 스크립트 SDK 먼저 텍스트를 2 단계 웹 페이지에서 태그 바로 아래에 붙여 넣습니다. 몸..; 개방. 다음으로 섹션에서 코드를 복사해야합니다. 3 단계 표시 할 웹 페이지에 붙여 넣습니다. 웹 페이지의 구조를 모르십니까? 이 경우이 주제에 대한 내 가이드를 읽는 것이 좋습니다.

그런 다음 방금 변경 한 내용을 저장하고 HTML 또는 PHP 파일을 다운로드 한 경우 서버에 업로드하고 이미있는 파일을 덮어 씁니다. 버튼을 표시하기 위해 방금 수정 한 페이지의 URL로 이동하기 만하면됩니다. 페이스북에 공유하세요.

Facebook에 공유 버튼을 추가하는 플러그인

당신이 사용하는 경우 CMS 으로 워드프레스(WordPress) 웹 페이지를 수동으로 편집 할 필요없이 여러 소셜 미디어 공유 플러그인 중 하나를 설치할 수 있습니다. 다음 몇 단락에서는 웹 사이트를 구축하는 데 사용한 CMS를 기반으로 귀하에게 적합한 몇 가지 플러그인을 보여 드리겠습니다.

WPU 퍼 동작 버튼 (WordPress)

사용자가 소셜 네트워크에서 웹 사이트의 콘텐츠를 공유 할 수 있도록 WordPress에 설치할 수있는 무료 플러그인 중 하나는 다음과 같습니다. WPUpper 작업 버튼. 이 플러그인은 공식 WordPress 저장소에서 무료로 다운로드할 수 있습니다.

설치하려면 일반적으로 URL에 있어야하는 웹 사이트의 관리자 패널에 연결하세요. https://tuosito.estensione/wp-admin/. 그런 다음 관리자 계정 자격 증명으로 로그인하고 왼쪽 사이드바에서 항목을 선택합니다. 플러그인 ♪ 새로운 걸 더하다.

오른쪽 상단의 검색 엔진 상자에 검색어를 입력합니다. wpupper 공유 버튼. 해당 검색 결과에서 버튼을 클릭하십시오. 지금 설치 잠시 기다린 다음 액티바. 이렇게 하면 웹사이트에 플러그인이 즉시 설치되고 활성화됩니다.

임무 완수! WPUpper 작업 버튼 지금 작동한다 기본 설정으로 웹 사이트에 표시됩니다. 사용자 정의하려면 WPU 퍼 공유 왼쪽 사이드 바에 있습니다. 이 시점에서 다른 설정을 변경하십시오. 일반.

먼저 다른 버튼을 클릭하여 플러그인이 표시되어야하는 위치를 선택합니다. 홈페이지 (웹 사이트), 파일 / 카테고리 (WordPress 아카이브 및 카테고리 페이지), 페이지 e 싱글 (즉, 기사). 웹 페이지의 텍스트 앞 또는 뒤에 표시할지 여부를 지정하십시오.

이 시점에서 구현하려는 소셜 네트워크를 선택하십시오. 페이스북 다음 매개 변수를 통해 소셜 네트워크 아이콘의 크기, 색상 및 버튼에 포함해야하는 추가 정보 (예 : 작업 수)를 설정합니다. 그런 다음 업데이트 하단에서 변경 사항을 확인합니다.

Facebook에 공유 버튼을 추가하는 기타 플러그인

이전 장에서 말씀 드린 플러그인 외에도이 목표를 달성하는 데 도움이되는 몇 가지 다른 플러그인이 있습니다. 다음 몇 줄에서는 웹 사이트에 게시 된 콘텐츠를 Facebook에서 공유 할 수 있도록 CMS에 추가 할 수있는 몇 가지 플러그인을 보여 드리겠습니다.

• WP 소셜 공유 (WordPress) -의 무료 플러그인 중 워드프레스(WordPress) 이것은 서버 성능 측면에서 가장 가벼운 것 중 하나입니다. Facebook을 포함한 주요 소셜 네트워크를 지원하고 CSS3 코드를 사용하여 공유 버튼을 생성합니다. 기본적으로 페이지 또는 기사에서 활성화하거나 짧은 코드를 사용하여 다른 콘텐츠에 수동으로 입력 할 수 있습니다.
• 빠른 소셜 공유(줌라) -무료 플러그인입니다 줌라 웹 사이트에 게시 된 콘텐츠를 공유 할 수 있습니다. 기본 설정 빠른 소셜 공유 이를 통해 소셜 네트워크에서 즉시 공유를 활성화 할 수 있지만 사용자 정의하여 아이콘의 색상과 크기를 변경할 수 있습니다.
• 소셜 미디어 공유 (Drupal) -모듈입니다 드루팔 이를 통해 일부 공유 서비스를 소셜 미디어 Facebook처럼 더 인기가 있습니다. 모듈이 제대로 작동하려면 예비 구성이 필요합니다.

Facebook에서 공유 버튼을 활성화하세요

Facebook 프로필에 무언가를 게시하면 다른 사용자가 담벼락에 공유하지 못할 수 있습니다. 몫 비활성화됩니다. 이는 게시물의 개인 정보 보호 설정 때문입니다.

게시 된 메시지 친구 에 제한된 친구 목록 키, 즉 사용자 지정 키는 몫 페이스 북에서. 다시 활성화하려면 위치의 개인 정보를 올바르게 구성해야합니다.

그런 다음 Facebook 프로필로 이동하여 텍스트 상자를 클릭하십시오. 당신은 무엇에 대한 생각 파라 쓰기 새 게시물. 이제 옆에있는 드롭 다운 메뉴를 클릭하십시오. 섹션 뉴스... 그리고 입구에서 경품… 다른 사람 ♪ 모두 표시 표시되는 상자에.

이 시점에서 항목을 선택하십시오 관습 그리고 텍스트 필드에서 이 사람들이나 목록 입력하거나 선택 친구의 친구. 또는 개인 정보를 다음으로 설정할 수 있습니다. 모든 게시물을 공개합니다. 그렇게함으로써 몫 Facebook 사용자에게 다시 표시됩니다.

게시물이 이미 게시 된 경우 대신 게시판에서 해당 게시물을 찾아 게시 날짜 및 시간 옆에있는 아이콘을 클릭합니다. 표시되는 상자에서 이전 줄에 표시 한 내용에 따라 개인 정보를 설정합니다.

게시 된 게시물은 어떤 경우에도 다른 사용자가 공유하여 URL을 복사 한 다음 자신의 담벼락에 게시 할 수 있습니다. 그러나이 절차는 소유자의 개인 정보 설정에 따릅니다. 이 경우이 방법을 사용하여 공유를 강제하면 메시지가 원래 공유 된 사용자 서클 외부의 사용자에게 메시지가 표시되지 않습니다.