Google Web Designerで HTML5 Xandr クリエイティブを構築する

[アーティクル]
02/23/2024

このページでは、Google Web Designerを使用して、Xandr のクリックを適切に追跡する HTML5 クリエイティブを作成する方法について説明します。

Google Web Designerを開きます。
[ CREATE NEW FILE]\(新しいファイルの作成\) をクリックします [ 新しい空のファイルの作成 ] ポップアップが表示されます。
[その他] メニューの [HTML] をクリックします。
クリエイティブの [名前] と [タイトル ] を入力します。
場所とアニメーションモードを選択します。
[OK] をクリックします。 [ 新しい空のファイルの作成 ] ポップアップが閉じます。
[イベント] + タブの下にある Google Web Designerの左下にあるボタンをクリックして、新しいイベントを追加します。

ポップアップが表示されます。
ターゲットを選択します。

これは、クリック可能な広告の要素になります。
イベントを選択します。
イベントに表示される使用可能なオプションのいずれかを選択します。
アクション メニューの [カスタム] を選択します。
[ カスタムアクションの追加] を選択します。
"gwd" の横に表示される一意の名前をテキストフィールドに入力します。(例: XandrClick)。
次のコードを、指定されたテキストボックスに貼り付けます (これはコードです clickTag )。
```
function getParameterByName(name) {
  var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
  return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
window.open(getParameterByName('clickTag'), '_blank');
```
注:

Google Web Designerにはキーコマンドに関連する既知の問題があるため、コンピューターのメニューバー貼り付けオプションを使用してコードを貼り付ける必要があります。
[OK] をクリックします。
必要に応じて次の操作を実行して、クリエイティブをテストします。
1. Google Web Designerの右上にある [プレビュー] をクリックして、ブラウザーでクリエイティブを開きます。
2. テストするランディングページ URL の末尾にあるアドレスバーに "?clickTag=https://yoururlhere.com" を追加します。
3. ページを更新し、クリエイティブをクリックします。
  
  入力したランディングページが表示された新しいウィンドウがブラウザーで開きます。クリエイティブが配信されると、Xandr は Xandr のクリックトラッカーに値 clickTag を設定し、Microsoft 収益化で提供されているランディングページ URL へのリダイレクトを設定します。

次の方法で共有

Google Web Designerで HTML5 Xandr クリエイティブを構築する

その他のリソース