Ruby on Rails의 소셜 미디어 공유 버튼 보석
Rails 3 앱에 소셜 미디어 공유 버튼을 추가할 수 있는 좋은 보석을 찾고 있습니다(Wordpress 플러그인 Add This와 유사).공유할 수 있는 주요 사이트는 Facebook, Twitter, LinkedIn 및 Google+입니다.사이트 전체에 대한 링크를 공유하는 기능과 사이트에서 특정 페이지나 투고를 공유하는 두 가지 수준의 공유를 허용하고 싶습니다.잘 부탁드립니다!
어떤 보석을 추천하시겠습니까?
설치하다
고객님의 고객명Gemfile
:
gem 'social-share-button'
인스톨:
$ bundle install
$ rails generate social_share_button:install
설정하다
여기 https://github.com/huacnlee/social-share-button
이러한 위젯을 구입하려면 Rails 솔루션이 아니라 Javascript 솔루션을 고려해야 합니다.Rails는 JQuery를 기본 JS 프레임워크로 채택했으므로 이 방향도 살펴볼 수 있습니다.
다음은 http://plugins.jquery.com/?s=social입니다.
share Box를 추천합니다.
나눠 먹을 수 있는 게 꽤 좋은 것 같더라고요
안타깝게도 Haucnlee의 Gem은 (현재) 카운터를 지원하지 않지만, https://github.com/iffyuva/social-buttons을 사용하여 직접 구현할 수 있었습니다.한 번의 클릭으로 소셜 미디어 사이트에서 콘텐츠를 공유하기 위한 3가지 보석은 를 참조하십시오.
Facebook 공유
http://www.facebook.com/dialog/feed?app_id=123456789&link=http:/<<> = < <> < < < <>> = < &HTTP: 도메인/> % <>>>>> 디스플레이=" 목표 =" 대상 =" 대상 n_n" 대상 popup" 대상 original
주의:
app_id = 페이스북에서 제공하는 'App_Id'입니다.페이스북에서 앱을 등록해야 합니다.
여기서 'https://developers.facebook.com'을 선택하면 Apps 탭으로 이동하여 Create a New를 클릭합니다.
앱'
link = 이 게시물에 대한 링크입니다. 사용자가 FB에서 이 게시물을 클릭하면 해당 게시물이 표시됩니다.
이 링크로 리다이렉트됨
picture = 투고용 이미지
name = 투고 제목
caption = 투고용 캡션
description = 투고 설명
게시 후 redirect_uri = 사용자를 리다이렉트할 링크.'request.original_url'을 지정하는 것이 좋습니다.사용자는 링크를 공유하고 있는 같은 페이지로 리다이렉트 합니다.
링크처 공유
http://www.linkedin.com/shareArticle?mini=true&url=http://Domain_name/<%=@post.id %>/<%=@post.name %>&doc=<%=@post.name %>&doc=<%=@post.name %>&doc=<%=@post.name %>설명 %>" target="_blank">
주의:
url = 이 게시물에 대한 링크입니다. Linked in에서 사용자가 이 게시물을 클릭하면 해당 게시물이 표시됩니다.
이 링크로 리다이렉트됨
제목 = 게시물 제목
summary = 투고 설명
http://sapegin.github.io/social-likes/은 매우 멋있어 보입니다. 한번 시도해 보세요.풍부한 옵션, 폭넓은 설명서와 예시와 커스터마이저가 준비되어 있습니다.
이것은 오래된 질문입니다만, 적절한 오픈그래프/카드 메타태그에도 도움이 되는 (오류) JavaScript 를 사용하지 않는 것을 찾고 있는 경우는, https://rubygems.org/gems/social_linker (작성자의 플러그)를 사용해 보세요.
언급URL : https://stackoverflow.com/questions/7124798/social-media-sharing-buttons-gem-for-ruby-on-rails
'itsource' 카테고리의 다른 글
AngularJS ng-class if-else 식 (0) | 2023.03.08 |
---|---|
각을 조합하는 가장 좋은 방법JS 및 트위터 부트스트랩 (0) | 2023.03.08 |
angularjs에서의 단방향 바인딩과 쌍방향 바인딩의 차이 (0) | 2023.03.08 |
AngularJS 필터 완전 일치 (0) | 2023.03.08 |
'fetch' 유형에서 fetch 응답을 처리하는 방법 (0) | 2023.03.08 |