web-dev-qa-db-ja.com

Google AdWords：コンバージョンコードのトラッキングによって追加されたiframeを削除します

Google AdWordsを自分のサイトに追加したいのですが、追加するスクリプトによってdomにiframeが作成されます。このiframeは表示され、ページ全体で13ピクセル（高さ）下がります。

これを回避する方法はありますか？そうでない場合、Google AdWordsの機能に影響を与えずに非表示にできますか？ （空のiframeです）。

google-adwords
54
Diego

コードスニペットの機能に影響を与えない簡単な修正があります。悪影響なしでこれを実行しました。以下のような隠しdiv内にスクリプトを配置するだけで、トリックを実行できます。

<div style="display:none">
  <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
  </script>
</div>
93
Tyler

@Marioは、この表示をオフにできる設定があることは正しいです。ただし、リマーケティングタグのGoogle UIには、このiframeが表示されていても、この設定は存在しないようです（「google_remarketing_only = true」フラグがオンになるはずだったので、これはGoogleの最後のバグだと思います）このiframeはオフになっており、正常に動作していません）。

フラグ「google_conversion_format = 3」を次のように手動で追加することで、トラッキングJSでもこれを設定できることがわかりました。

<script type="text/javascript">
    /* <![CDATA[ */
    var google_conversion_id = 0123456789,
        google_conversion_label = "XXXXXXXX",
        google_custom_params = window.google_tag_params,
        google_remarketing_only = true,
        google_conversion_format = 3;
    /* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>

これは、一部の人々のためにタグを再生成する方が簡単かもしれず、タグを生成するときにUIがこのオプションの設定をサポートしない場合の問題を解決します。

23
Adam Hamilton

通常、このCSS（3）ルールをスタイルシートに追加します。

iframe[name=google_conversion_frame] 
{
    display: none !important;
}

それが役に立てば幸い。

18
army

この問題に対して私が遭遇した最良かつ最も簡単な解決策は、CSSスタイルシートに次のコードを追加して、ドキュメントフローからフレームを削除することです。

iframe[name="google_conversion_frame"]{
  position:fixed;
}

お役に立てれば

0
Clinton

max-height：0を設定することもできます。 display：noneの代わり。 iframeに何も表示されないことの意味がわかりません。これはie6に戻ります。

iframe[name="google_conversion_frame"] {
    display: block;
    max-height: 0;
}
0
Liquify Shopify Developers