Heim > WeChat-Applet > WeChat-Entwicklung > WeChat implementiert Miniaturansichten und Titel geteilter Links

WeChat implementiert Miniaturansichten und Titel geteilter Links

小云云
Freigeben: 2018-03-22 14:43:22
Original
6300 Leute haben es durchsucht


Dieser Artikel teilt Ihnen hauptsächlich die Miniaturansichten und Titel der Freigabelinks auf WeChat mit. Ich hoffe, dass er allen helfen kann.

1. Teilen in WeChat

Klicken Sie nach dem Öffnen des Links in WeChat auf […] in der oberen rechten Ecke und wählen Sie [An Freunde senden] oder [An Momente teilen] aus erhält die Abkürzung Miniaturbild-Methode:

  • Methode 1: Fügen Sie ein 300*300 Pixel großes Bild oben im Seitentext hinzu

z. B. Das Bild muss nicht angezeigt werden und kann mit CSS ausgeblendet werden, display: none; kann jedoch nicht direkt im Bild festgelegt werden.

kann auf der übergeordneten Ebene p oder display: none; auf dem Bild eingestellt werden. position: absolute; visibility: hidden;

<p style="display:none;">
<img src="/img/thumbnail.png" alt=""></p>
Nach dem Login kopieren
  • Methode 2: Schnittstelle über WeChat JS-SDK teilen

Diese Methode erfordert eine WeChat-App_ID Für das öffentliche Konto ist außerdem ein Backend-Dienst zur Generierung der Signatur erforderlich. Der Vorteil besteht darin, dass Sie den freigegebenen Titel, die Miniaturansicht und die Beschreibung anpassen können.

2. Über den Browser teilen

Nachdem Sie den Link im Browser geöffnet haben, klicken Sie auf das Teilen-Symbol und wählen Sie [WeChat], um die Miniaturansicht in dieser Freigabemethode zu erhalten:

Open Graph-Metadaten zum Kopfteil der Seite hinzufügen:

<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/">
Nach dem Login kopieren
Unter anderem wirkt sich og:image auf das Symbol aus, wenn der Browser es teilt, und der vollständige Pfad des Bildes muss angegeben werden.

Das obige ist der detaillierte Inhalt vonWeChat implementiert Miniaturansichten und Titel geteilter Links. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage