食このブログは2019.08.28他サイトからのiframe埋め込みを拒否する方法ウェブサイトやブログを運営しているクリエイターさんへ。SNSのウィジェットや動画を読み込むのによく使うiframeですが、悪意を持って使われることがあります。他人のサイトを丸ごと読み込んで盗用したり、クリックジャッキングに使われたり。そこで、自分のウェブサイトがiframe埋め込みをされないようにする設定方法を書きました。「クリックジャッキング」とはウェブサイト運営者はできれば自衛をiframe埋め込みとは?iframeとはhtmlのタグのひとつです。次のような記述をすることで、他のページの中身をそのまま呼び出すことができます。src="https://----.com/somepage"></iframe>iframeがよく使われる場面には、ウィジェットの埋め込みがあります。Mapなどを自分のウェブサイトに掲載するときに、iframeを使ったタグが発行されることが多いでしょう。iframe自体が悪者というわけではありませんが、悪意のある使い方もできるので取り扱いには注意が必要です。iframe埋め込み拒否の概要iframeでの埋め込みを拒否するには、HTTPレスポンスヘッダーに指示を書き込むことです。HTTPレスポンスヘッダーというのは、私たちがブラウザでウェブページを見るときに、ウェブサーバーから最初に送られてくる情報の一部です。ふつうは目にはふれません。「このページはiframeからの呼び出しを許可するか」という設定があります。「X-Frame-Options」という設定で、取れる値は3つ。MDNその設定を書いておく方法はいくつかあります。.htaccessに書く場合お使いのサーバーで.htaccessが扱える場合、またはサーバールートあたりにあるApacheの設定ファイル(httpd.confなど)が扱える場合、このような記述をするとiframeからの埋め込みを制御できます。DENYWordPressの場合WordPressの場合、HTTPヘッダーを扱う関数に訴えかける方法もあります。テーマファイル内のfunctions.phpなどに次のような記述をします。);iframe拒否をできない場合レンタルブログサービスなどを利用している場合、前述したような設定を自分ですることはふつうできないので、iframe埋め込みの拒否はできないものと考えたほうがいいでしょう。ブログサービスが対応してくれるのを待っているしかありません。htmlファイルの<head>内に書き込む方法は使えません。content="deny">なぜならhtmlに先んじて送られるHTTPヘッダーのなかで拒否を伝えないといけないから、ってとこですね。「クリックジャッキング」とはiframeは「クリックジャッキング」というスパム手法に使われることがあります。ユーザーが見慣れたウェブサイトだと思っていたら、それは実はiframeで別のところから呼び出されたもので、そこに透明なしかけがかぶせられていて、ユーザーは意図しない操作をさせられる、というものです。ようするに、善意のウェブサイトが知らないうちに何かの悪事に使われる、というタイプのスパムです。クリックジャッキングを防ぐためにも、前述のX-FRAME-OPTIONSの設定は有効です。Wikipediaウェブサイト運営者はできれば自衛をこれは再現ですが、わりとマジでこんな感じでした当ブログでも、iframeを使った丸パクリに逢ったことがあります。ある日、地方のデザイン会社か何かから「おたくのブログ記事にリンクしました」と連絡がきました。記載のウェブページを見に行ってみたら、当ブログの一記事をiframeで丸々読み込んであり、自分とこのコンテンツかのように見せてあった。それはリンクではなくて丸パクリっていうんだけど。それが許されると思ったのか不思議すぎるけど、紹介したようなサーバー設定をきちんとせねばなーと思ったできごとでした。このように連絡が来るのはレアケースであって、たいていは黙ってやってく。どんな低俗なウェブサイトから丸パクリ埋め込みされるかわかったもんじゃありません。海外のスパムサイトからやられたって人もいて、そうなると連絡して取り下げてもらうなんてもうやってられませんよね。クリックジャッキング対策も含めて、HTTPヘッダーの設定でいつも自衛するようにしておくのがよいのではないかなあと、思います。【イラストレーター、デザイナー向け】ビジネス用ブログを運営するコツWordPressってなに?本当にかんたんに作れる?ウェブ未経験のデザイナーさんへの初心者講座クリエイター丙についてこんにちは、鯛のマークのクリエイターブログです。クリエイターさんやフリーランサーさんに向けて書いています。IllustratorのTipsです。そのほかウェブのこと、WordPress、仕事術、旅行やゲームや趣味の話も雑多に取り扱っています。あなたのお役に立てれば嬉しいです。@creatorHeyこのブログについてこんなこと聞きたい。著書「Illustratorおいしいネタ事典」、イラストレーターさんの仕事を増やすウェブサイト制作サービス「いしつく!」代表など。[独学?スクール?資格?]フリーランスは全てが自己責任、何かあってからじゃ遅いから。「フリーナンス」に登録だけでもしておきなよフリーランスで仕事がない......って不安ならエージェント登録してみればいいのにホームサイトマッププライバシーポリシーお問い合わせコンテンツの無断使用は固くお断りします。