ホームページ > ウェブフロントエンド > jsチュートリアル > Web サイトの動的オープン グラフ画像 | Dynamicog.com を使用するコードはありません

Web サイトの動的オープン グラフ画像 | Dynamicog.com を使用するコードはありません

Mary-Kate Olsen
リリース: 2024-10-13 18:22:02
オリジナル
632 人が閲覧しました

DynamicOG は、多くのページを含む動的 Web サイトの画像を作成する手間を解決します。

og-image は、通信チャネルでリンクを共有するときに表示されるプレビュー画像です。

og-image はメタタグを使用して追加されます。

<meta property="og:image" content="{{IMAGE_URL}}" />
ログイン後にコピー

この IMAGE_URL のみに注意してください。

次のようなドキュメント画像を生成するには

Dynamic open graph images for your website | No code using dynamicog.com

メタ タグで次の URL を使用してください!

https://dynamicog.com/og/docs/img?
logo=https%3A%2F%2Fdynamicog.com%2Ffillers%2Fstripe-logo.png&
title=Find%20a%20guide%20to%20integrate%20Stripe's%20payments%20APIs%20%7C%20Stripe&
sub=Payments%20infrastructure%20for%20the%20internet&
name=Stripe&
website=stripe.com&
dark=true
ログイン後にコピー

URL を dark=true から dark=false に変更するだけで、これが得られます

Dynamic open graph images for your website | No code using dynamicog.com

コンテンツやロゴを使って試してみましょう! https://www.dynamicog.com/og/docs

Dynamic open graph images for your website | No code using dynamicog.com

ここですべてのテンプレートを見つけて、無料で使用できます!

以上がWeb サイトの動的オープン グラフ画像 | Dynamicog.com を使用するコードはありませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート