次の方法で共有

ネイティブ アセンブリ オブジェクトプレースホルダー

  • [アーティクル]

ネイティブ アセンブリの [レンダラー] タブ内の HTML テキスト ボックスに、さまざまな標準データおよびカスタム データとイメージ オブジェクトのプレースホルダーを追加できます。 使用可能な標準データとカスタム データとイメージ オブジェクト プレースホルダーの一覧を次に示します。

標準データ オブジェクト プレースホルダー

プレースホルダー 説明
[%title%] ネイティブ クリエイティブのレンダリング時に表示されるタイトル。
[%body%] ネイティブ クリエイティブに関する詳細を提供する簡単な説明。
[%sponsoredBy%] ネイティブ クリエイティブに関連付けられるブランド名。
[%cta%] ネイティブ クリエイティブを表示した後で必要なアクションを実行するようユーザーに勧めます (メーリング リストの署名など)。
[%clickUrl%] ユーザーがネイティブ クリエイティブをクリックしたときにリダイレクトされる Web サイトへの URL。
[%displayUrl%] ネイティブ クリエイティブのレンダリング時にユーザーに表示されるパブリック URL。
[%clickFallbackUrl%] メインクリック URL がサポートされていない場合は、バックアップ URL。
[%price%] 製品/アプリ/アプリ内購入の価格。 適切なローカライズされた通貨記号を含める必要があります。
[%salePrice%] 通常の価格と比較して割引価格を示すために価格と共に使用できる販売価格。 適切なローカライズされた通貨記号を含める必要があります。
[%rating%] ユーザーに提供されている製品の評価。 たとえば、0 から 5 のアプリ ストアでのアプリの評価などです。
[%likes%] ユーザーに提供される製品のソーシャル レーティングまたは "いいね" の数。
[%downloads%] この製品のダウンロード/インストール数。
[%phone%] ネイティブ クリエイティブのレンダリング時にユーザーに表示される電話番号。 電話番号は、地域に応じて書式設定する必要があります。 たとえば、800-555-5555 という米国に基づいている場合、電話番号は 次のように書式設定されます。
[%address%] ネイティブ クリエイティブのレンダリング時にユーザーに表示されるアドレス。
[%desc2%] ネイティブ クリエイティブの本文テキストの詳細バージョン。

HTML の例 - タイトル [%title%]

<p class='native-title'>[%title%]</p>
            <div class='native-body'>
            <a href='[%clickUrl%]' target='_blank'>Click Here</a>
            
            [%impressionTrackers%]
            [%javascriptTrackers%]
            [%clickTrackers%]

プレースホルダーが (最初の行に)[%title%] 追加されました。 [セットアップ] タブと [レンダラー] タブの左側にあるネイティブ ビューを追加する場所を表すために を追加[%title%]できます。 ネイティブ ビューでは、既定の "誰もがダイエットで必要とする 10 朝食食品" タイトルまたは受賞したクリエイティブのタイトルに置き換えることができます [%title%] 。

HTML の例 - アクションの呼び出し [%cta%]

<p class='native-title'>[%title%]</p>
            <div class='native-body'>
            <a href='[%clickUrl%]' target='_blank'>[%cta%]</a>
            
            [%impressionTrackers%]
            [%javascriptTrackers%]
            [%clickTrackers%]

プレースホルダーが追加されました ([%cta%] 3 行目)。 [セットアップ] タブと [レンダラー] タブの左側にあるネイティブ ビューを追加する場所を表すために を追加[%cta%]できます。 ネイティブ ビューでは、 を [ここをクリック] に置き換えることができます[%cta%]。

標準のイメージ オブジェクト プレースホルダー

すべての標準イメージ オブジェクト プレースホルダーには、URL、幅、および height プロパティがあるため、"image" の後に適切なプロパティを追加してください。 たとえば、、[%image.url%][%image.width%]、、 などです[%image.height%]。

プレースホルダー 説明
[%image%] ネイティブ クリエイティブのレンダリング時に表示されるプライマリ イメージ。
[%icon%] ネイティブ クリエイティブのレンダリング時に表示されるプライマリ アイコン。

CSS の例 - イメージ URL [%image.url%]

.native-title {
            color: grey;
            }
            .native-body {
            background: url([%image.url%]);
            width: 300px;
            height:350px;
            }

カスタム データ オブジェクト プレースホルダー

これらのカスタム データ オブジェクト プレースホルダーごとに 5 つのプレースホルダーがあることに注意してください。

プレースホルダー 説明
[%customTitle1%] - [%customTitle5%] ネイティブ クリエイティブのレンダリング時に表示されるその他のタイトル。
[%customBody1%] - [%customBody5%] ネイティブ クリエイティブのレンダリング時に表示される追加の本文テキスト。
[%customCTAtext1%] - [%customCTAtext5%] ネイティブ クリエイティブを表示した後に必要なアクションを実行するようユーザーに促す追加のアクションの呼び出し (メーリング リストへの署名など)。
[%customSocialUrl1%] - [%customSocialUrl5%] ユーザーを対応するソーシャル メディア プラットフォームに移動する URL。
[%customDisplayUrl1%] - [%customDisplayUrl5%] 表示される可能性がある追加のパブリック URL や、ランディング ページのドメインに接続されている Web ページにユーザーを自動的にリダイレクトする場合があります。

カスタム イメージ オブジェクト プレースホルダー

これらのカスタム イメージ オブジェクト プレースホルダーごとに 5 つのプレースホルダーがあることに注意してください。 すべてのカスタム イメージ オブジェクト プレースホルダーには URL、幅、高さのプロパティがあるため、"customImage#" の後に適切なプロパティを追加してください。 たとえば、、[%customImage1.url%][%customImage1.width%]、、 などです[%customImage1.height%]。

プレースホルダー 説明
[%customImage1%] - [%customImage5%] ネイティブ クリエイティブのレンダリング時に表示される追加の画像。
[%customIcon1%] - [%customIcon5%] ネイティブ クリエイティブのレンダリング時に表示される追加のアイコン。
[%customSocialIcon1%] - [%customSocialIcon5%] ネイティブ クリエイティブのレンダリング時に表示される対応するソーシャル メディア アイコン。

Tracker オブジェクト プレースホルダー

プレースホルダー 説明
[%impressionTrackers%] これを HTML コードに追加すると、クリエイティブのレンダリング時にインプレッション トラッカーが起動します
[%javascriptTrackers%] これを HTML コードに追加すると、クリエイティブのレンダリング時に Javascript トラッカーが起動します
[%clickTrackers%] これを HTML コードに追加すると、レンダラー内のすべてのタグがクリックされたときにクリック トラッカーが起動します

注:

トラッカーはネイティブ プレビューでは起動されません。 ネイティブ アセンブリのすべての要素 (タイトル、画像、アクション呼び出しボタンなど) をランディング ページへのリンクにする場合は、Javascript に次を追加してください。

const container = document.getElementById(targetId);
               container.addEventListener('click', () => {
               window.open(nativeObj.clickUrl, '_blank');
               });

HTML の例 [%click_trackers%]

<a href='[%clickUrl%]' target='_blank'>
            <p class='native-title'>[%title%]</p>
            <div class='native-body'>
            [%cta%]
            
            </a>
            [%impressionTrackers%]
            [%javascriptTrackers%]
            [%clickTrackers%]

ネイティブ アセンブリの構成