【WordPress】URLの埋め込み表示が上手く動作しない件 │ K2Tube

K2TubeWebサイト育成計画の第2弾。

またもWordPressでつまづいてしまいました。
今回は記事タイトルの通り『URLの埋め込み表示がうまくいかない』という事象。

ちなみに、ここでいう「URLの埋め込み表示」というのは「ブログカード」などとも言われるもので、下記イメージのようにリンク先のサムネイル、タイトル、概要などをカード状に配置してくれるものです。

目次
0.0.1. K2Tube
1. エラー「このコンテンツは埋め込むことができません。」
1.1. 代替案①：「Embedly」プラグインを使用する
1.1.1. インストール方法
1.1.2. 使い方
1.1.3. 問題：何故かなんか見切れる。惜しい表示
1.2. 「 Embed Code Generator 」を利用する
1.2.1. 使い方
1.2.2. Embed Code Generator | Embedly
1.2.3. コード貼り付け時の注意点
2. まとめ

K2Tube
いよいよデビューの時迫る！？「小野伸二のFC琉球移籍」という沖縄のサッカーファンにとっては、恐らく今年一であろうビッグニュースに胸を躍らせた方も多いと思います。先日の入団会見つい先日の8/11には入団会見が行われ、”７”の背番号を身にまとって南端の地でプレーする事が発表されました。前所属のコンサドーレ札幌でも体現してきたように、 …

これがあることによって、リンク先のイメージと概要がひと目で入ってくるので重要度の高いパーツだと思います。

WordPressでも「oEmbed」機能として標準で提供されており、
機能の使い方としては投稿画面でURLをペーストすると自動的に埋め込みURLと認識してくれます。

しかしながらこの機能。動作が結構不安定でURLによって埋め込み表示されたり、失敗したりとなかなかのクセ者でした。

今回遭遇したエラーと対処を掲載していきます。

エラー「このコンテンツは埋め込むことができません。」

URLをブロックエディターに貼り付けた際に遭遇したのが、下記のようなエラーメッセージ。
WAFを無効にしたり、少し時間を空けて試したりと推奨される処置をいくつか試してみるも改善せず；

これから記載する対応策はこのエラーに対する根本的な解決方法を提示するものではなく、別の代替手段の提案となります。
（WAFを無効にしたり、別の操作をいくつか試したりはしましたが、残念ながら直接的なエラーの回避策とはなりませんでした；）

設定一つにあまり時間をかけたくない事もあり、最終的には別のプラグイン(Embedly)、Webサービス(Embedly-Embed Code Generator)に代替して回避をした運びとなります。

代替案①：「Embedly」プラグインを使用する

前述したとおり標準の埋め込み機能を代替を探す方向で、プラグインの導入を検討しました。
URL埋め込み機能のプラグインを調査してみたところ「Embedly」が評判良さげだったので、とりあえず試してみることに。
（実は「自作する」という手段もあり、余計な付帯機能なしで実現できる点で魅力的だったのですが、今回は手っ取り早く動かしたかったのでプラグインを使用していきます。）

インストール方法

WordPressメニューの「プラグイン」から”Embedly”のキーワードで検索して「今すぐインストール」でOKです。

インストールが完了次第「有効化」をクリックしましょう。
これだけでプラグイン側の埋め込み機能が機能するようになりました。

使い方

標準機能の使用と同様、基本的にはURLをブロックエディターに貼りつけるだけです。プラグイン導入前はエラー表示となっていましたが、今回は埋め込みっぽい表示となっているので期待できます。

なお、埋め込みイメージの下部に表示されるロゴ(powered by embedly)は、ユーザー登録を実施することにより剥がすことができます。
「https://embed.ly/cards」からサインアップし、払い出されたAPIキーをインストールしたプラグインのメニュー(“Embedly”メニュー)に設定する流れの様です。