lynx   »   [go: up one dir, main page]

タグ

IFrameに関するakatakunのブックマーク (7)

  • friendly iframe - マイ備忘録

    friendly iframeとは A Friendly IFrame is an IFrame that shares the same domain as the main page it is hosted on. This generally means that the content is trusted and hence, >can ‘break out’ of the IFrame and manipulate the content on the hosting page. Friendly IFrame is some kind of interactive and communicating frame. Adform | Friendly and non-Friendly IFrames とのことで、親ページと同じオリジンのiframe。これはsrcを指定しないで

    friendly iframe - マイ備忘録
  • script タグの外部スクリプトを遅延読み込みする方法 | Design Hack and Slash

    画像(img タグ)を遅延読み込み(LazyLoad)するプラグインと同じように、外部スクリプト(script タグ)を遅延読み込みする方法です。 具体的には、JavaScript で提供されている広告タグや、各種ブログ パーツを、ページのレンダリングをブロックしないように配置する方法です。厳密には画像の遅延読み込みとは異なりますが、遅い外部スクリプトを貼らなければならない場合、いわゆる UX(ユーザー エクスペリエンス)の改善に劇的な効果があります。 フレンドリー アイフレーム(Friendly iFrame) 簡単に説明すると、対象の外部スクリプトを呼び出す部分だけを別の HTML ファイルにしてサーバーにアップロードし、iframe タグで その HTML ファイルをページに埋め込みます。 例えば、i-mobile というアドネットワークの広告タグの場合は以下になります。 広告タグ用

    script タグの外部スクリプトを遅延読み込みする方法 | Design Hack and Slash
  • 同じ/異なるオリジンのiframeの中からできること - sambaiz-net

    同じ/異なるオリジンのiframeの中からできることを確認する。同じオリジンというのは ホストだけではなくプロトコルやポート番号も同じということ。 検証用ページ 3つのiframeがあるページを作った。 それぞれabout:blankで動的に書き込むのと、同じオリジンのhtmlを参照しているものと、異なるオリジンのhtmlを参照しているもの。 $ cat index.html <html> <head> <style type="text/css"> p{ width:100px; height:100px; background:#999; } </style> </head> <body> <p>parent</p> <div><iframe src="about:blank" id="if1"></iframe></div> <script type="text/javascript

    同じ/異なるオリジンのiframeの中からできること - sambaiz-net
    akatakun
    akatakun 2025/01/21
    cross originの場合、parentの属性値やiframe自身にアクセスでいない。parent自体はアクセスできるので、postMessageを介した親windowとのやり取りは可能
  • Friendly iFrame とサードパーティスクリプトのロード

    Friendly iFrame という、サードパーティスクリプトの呼び出し方法について調べた。手法自体はかなり古いもので、後述する iAB のドキュメントは 2008 年に出ているものだ。Google の DFP などでは現在でも使われている。 Friendly iFrame (FiF) とは サードパーティのスクリプト (広告タグや SNS のシェアボタン、ブログパーツなど) をページに埋め込む手法のひとつ。より狭義には、iAB が出す Best Practices for Rich Media Ads in Asynchronous Ad Environments (pdf) で説明されている、(主に) リッチアドのアドタグを設計・設置する際のベストプラクティス。 利点と他手法との比較 Friendly iFrame を他のサードパーティスクリプトの埋め込み手法と比較すると、ページのレ

    Friendly iFrame とサードパーティスクリプトのロード
    akatakun
    akatakun 2025/01/21
    iframeの中のレンダリングは親windowのレンダリングとは独立して動くため、ブロックしない。そもそも非推奨だが非同期実行じゃないのでdocument.write()も機能する
  • SafeFrame ver1.1 仕様読解、媒体側の実装例 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? まえがき これは IAB が提唱する "SafeFrame" の仕様書を読み解いたメモです。不完全なメモなのですが、SafeFrame について資料が少ないので、少しでも参考になればと思って書いています。 なお、ある程度ネットワーク広告の基礎的な知識を前提にしています。 SafeFrameとは? IAB(※)が提唱するネット広告の制作・配信に関する仕様です。 (※: Interactive Advertising Bureau. オンライン広告の大きな業界団体。) これまで媒体担当者は広告コンテンツを自身のWebページに展開する際、セキ

    SafeFrame ver1.1 仕様読解、媒体側の実装例 - Qiita
  • SafeFrames_Draft_v1.1_08-27-2014

    SAFEFRAME VERSION 1.1 DRAFT Released: August 2014 © 2014 Interactive Advertising Bureau 2 SafeFrame_v1.1 This document has been developed by the IAB Ad Technology Council The SafeFrame specification was created by a working group of volunteers from 21 IAB member companies. The SafeFrame Working Group was led by: • Sean Snider, Yahoo! • Prabhakar Goyal, Microsoft The following IAB member companies

  • Microsoft Word - Best Practices for Rich Media Ads in Asynchronous Ad Environments FINAL.doc

    Best Practices for Rich Media Ads in Asynchronous Ad Environments Released October 2008 IAB Best Practices for Rich Media Ads in Asynchronous Ad Environments © 2008 Interactive Advertising Bureau - 1 - These Best Practices have been developed by the IAB Rich Media & AJAX Working Group with guidance from the IAB Ad Operations Council. About the IAB Rich Media & AJAX Working Group: The IAB Rich Medi

  • 1
Лучший частный хостинг