> 위챗 애플릿 > 위챗 개발 > WeChat은 공유 링크의 썸네일과 제목을 구현합니다.

WeChat은 공유 링크의 썸네일과 제목을 구현합니다.

小云云
풀어 주다: 2018-03-22 14:43:22
원래의
6299명이 탐색했습니다.


이 글은 주로 WeChat 공유 링크의 썸네일과 제목을 공유합니다. 모두에게 도움이 되기를 바랍니다.

1. WeChat에서 공유

WeChat에서 링크를 연 후 오른쪽 상단의 […]를 클릭하고 [친구에게 보내기] 또는 [순간에 공유]를 선택하세요.

  • 방법 1: 페이지 본문 상단에 300*300픽셀의 img를 추가합니다

이미지를 표시할 필요가 없는 경우 CSS로 숨길 수 있지만 display: none; on img .

display: none;

可以在父层 p 上设置 display: none; 或者对 img 设置 position: absolute; visibility: hidden;상위 레이어 p에 display: none;을 설정하거나 img에 position:absolute;visibility:hidden;을 설정할 수 있습니다.

<p style="display:none;">
<img src="/img/thumbnail.png" alt=""></p>
로그인 후 복사
  • 방법 2: WeChat JS-SDK

의 공유 인터페이스를 통해 이 방법을 사용하려면 서명을 생성하기 위해 WeChat 공식 계정의 app_id와 백엔드 서비스가 필요합니다. 공유 제목, 썸네일, 설명을 맞춤설정할 수 있다는 장점이 있습니다.

2. 브라우저에서 공유

브라우저에서 링크를 연 후 공유 아이콘을 클릭하고 [WeChat]을 선택하세요. 이 공유 방법으로 썸네일을 얻는 방법:

페이지 헤드 부분에 오픈 그래프 메타데이터를 추가하세요. :

<meta property="og:type" content="website" />
<meta property="og:title" content="页面标题">
<meta property="og:description" content="页面描述">
<meta property="og:image" content=" 
<meta property="og:url" content="http://www.example.com/">
로그인 후 복사

og:image는 브라우저가 공유할 때 아이콘에 영향을 미치며, 이미지의 전체 경로를 지정해야 합니다.

위 내용은 WeChat은 공유 링크의 썸네일과 제목을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿