WeChat implementiert Miniaturansichten und Titel geteilter Links

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="/static/imghwm/default1.png"  data-src="/img/thumbnail.png"  class="lazy"   alt=""></p>

• 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/">

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!