Rails에서 만든 서비스에 공유 버튼(Facebook/Twitter)을 붙여 보자

Facebook과 Teet 버튼을 붙였으므로, 비잊어 메모를 남깁니다.

1. FacebookデベロッパーページからHTMLスニペットを取得する
2. HTMLスニペットをファイルにコピペする

다음 페이지의 공유 버튼 구성 도구에 필요한 공유하려는 URL과,
버튼 유형을 선택하고 코드 가져오기 버튼을 클릭합니다.

샘플로 yahoo! 님의 url을 걸었습니다.

레이아웃 유형은 풀다운에서 변경 한 후 바로 아래의 미리보기에서 볼 수 있습니다

모바일 iframe을 선택하면 iframe에서 공유 대화 상자가 표시됩니다.

코드를 취득 버튼으로 생성된 코드는 이하와 같다.

app/views/application.html.erb (계층이나 파일은 적절하게 읽어 주세요) 태그내에 상기 화상의 상부의 소스를 copipe

app/views/(버튼을 표시하고 싶은 파일) .html.erb에 상기 이미지의 하단의 소스를 복사.

공유 버튼을 클릭하면 yahoo! 님의 페이지를 공유 할 수 있습니다.

1. TwitterのページからHTMLスニペットを取得する
2. HTMLスニペットをファイルにコピペする

먼저 다음 페이지에서 버튼 유형 (트윗, 팔로우 등)을 선택

필요한 정보를 입력하여 오른쪽 하단의 HTML 스 니펫을 가져옵니다.

app/views/(버튼을 표시하고 싶은 파일) .html.erb에 이전의 HTML 스 니펫을 복사합니다.

스크립트 태그의 스 니펫 만 app/views/application.html.erb (계층 및 파일을 적절하게 읽으십시오) 태그로 이동합니다.

1. 절차만으로도 괜찮습니다.

트윗 버튼을 클릭하면 트윗 버튼을 설치한 페이지에 관한 트윗 화면으로 전환할 수 있습니다.

이 문제에 관하여(Rails에서 만든 서비스에 공유 버튼(Facebook/Twitter)을 붙여 보자), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tackeyy/items/06ae58c0e08a2f9291ab

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다