Ikona i nakładka Informacja

Wszystkie aplikacje, w których wyświetlają się reklamy spersonalizowane hostowane przez Google, muszą zawierać ikonę AdChoices i nakładkę, jeśli są dostarczane przez Google. Informacja (zwana też „Dlaczego ta reklama?”) to funkcja związana z przejrzystością, która wyjaśnia użytkownikom, dlaczego wyświetla się im konkretną reklamę, oraz podaje informacje o tym, jak chronimy ich prywatność.

Więcej informacji znajdziesz w artykule Dlaczego widzisz daną reklamę.

Z tego przewodnika dowiesz się, jak wyodrębnić informacje niezbędne do prawidłowego wdrożenia funkcji Informacja z odpowiedzi XML VAST reklamy lub odpowiedzi metadanych strumienia DAI.

Wymagania dotyczące renderowania Informacja

Aby spełnić wymagania Google dotyczące renderowania ikon Informacja, Twoja aplikacja lub witryna musi spełniać te standardy:

  1. Ikona Informacja musi być wyświetlana na tle każdej reklamy, która jest dostarczana
  2. Ikona Informacja musi być wyświetlana w pozycji wskazywanej przez właściwości „X lokalizacja” i „lokalizacja Y” zawarte w danych ikony oraz w rozmiarze określonym przez właściwości szerokości i wysokości, w polu pikseli niezależnych od gęstości (DP).
  3. Ikona Informacja nie może być zasłonięta innymi nakładkami na reklamy ani elementami interfejsu.
  4. Na platformach z obsługą kliknięć lub z odpowiednimi funkcjami (np. z wyborem dotykowym lub zdalnym) ikona Informacja musi być klikalna.
  5. Na platformach obsługujących przeglądarkę kliknięcie ikony Informacja musi otworzyć kartę lub okno przeglądarki z adresem URL określonym we właściwości „ClickThrough” lub „click_data”.
  6. Na platformach, które nie obsługują przeglądarek, kliknięcie ikony Informacja musi otworzyć nakładkę modalną zawierającą jeden z obrazów określonych we właściwości „IconClickFallbackImage” lub „click_fallback_images”.
  7. Na platformach, które nie obsługują przeglądarek, obraz zastępczy musi być wyświetlany w rozmiarze określonym we właściwości „IconClickFallbackImage” lub „click_fallback_images” w pikselach niezależnych od gęstości (DP).

Analizowanie wartości AdChoices z odpowiedzi XML VAST

W przypadku pracy z odpowiedzią na żądanie reklamy XML element Informacja jest obsługiwany tylko w VAST w wersji 3.0 i nowszych. Wartość Informacja jest implementowana jako ikona VAST.

VAST 4.2

Jeśli odpowiedź reklamy XML jest zgodna ze standardem VAST 4.2, komponent Informacja jest wyświetlany w postaci ikony VAST. Jeśli Twoja aplikacja lub witryna w pełni obsługuje ikony VAST 4.2 (sekcja 3.11 standardu VAST 4.2), obsługa Informacja nie wymaga dalszych działań.

Jeśli Twoja aplikacja nie obsługuje ikon VAST 4.2, musisz ręcznie przeanalizować ikony z nazwą programu „GoogleWhyThisAd” w odpowiedzi VAST, biorąc pod uwagę ten standard. Aby przeprowadzić dodatkowe testy w aplikacji, możesz użyć tego przykładowego pliku VAST 4.2 w formacie XML.

Przykładowa odpowiedź VAST 4.2

<?xml version="1.0" encoding="UTF-8"?>
<VAST version="4.2">
  <Ad id="20011">
    <Wrapper>
      ...
      <Creatives>
        ...
        <Creative id="5480" sequence="1">
          ...
          <Linear>
            ...
            <Icons>
              ...
              <Icon program="GoogleWhyThisAd" width="40" height="30" xPosition="left" yPosition="100" duration="00:00:10" offset="00:00:00" apiFramework="VAST" altText="AdChoices icon">
                <StaticResource creativeType="image/png">
                  <![CDATA[ https://storage.googleapis.com/interactive-media-ads/hosted-samples/wta/icon_adchoices.png ]]>
                </StaticResource>
                <IconClicks>
                  <IconClickThrough>
                    <![CDATA[ https://g.co/adsettings ]]>
                  </IconClickThrough>
                  <IconClickFallbackImages>
                    <IconClickFallbackImage width="950" height="600">
                      <AltText>
                        <![CDATA[ This ad was shown to you based on: * Google's estimation of your interests, based on your activity on Google on this device (for example, your searches) * the information on the website you were viewing. ]]>
                      </AltText>
                      <StaticResource creativeType="image/png">
                        <![CDATA[ https://storage.googleapis.com/interactive-media-ads/hosted-samples/wta/icon_adchoices_fallback_image.png ]]>
                      </StaticResource>
                    </IconClickFallbackImage>
                    ...
                  </IconClickFallbackImages>
                </IconClicks>
              </Icon>
              ...
            </Icons>
            ...
          </Linear>
          ...
        </Creative>
        ...
      </Creatives>
      ...
    </Wrapper>
    ...
  </Ad>
</VAST>

VAST 3.0

Jeśli odpowiedź reklamy XML jest zgodna ze standardem VAST 3.0, funkcja Informacja jest wyświetlana jako połączenie ikony VAST i niestandardowego rozszerzenia VAST. Jeśli Twoja aplikacja lub witryna w pełni obsługuje standard VAST 3.0 Icon, a platforma umożliwia przejście do docelowego adresu URL ikony i jej wyświetlenie, obsługa Informacja nie wymaga już więcej pracy.

Jeśli Twoja platforma nie może otwierać i wyświetlać docelowych adresów URL (dotyczy to głównie urządzeń bez zintegrowanej przeglądarki), musisz wdrożyć obsługę rozszerzenia „IconFallbackImages”. To rozszerzenie zawiera zestaw tagów „IconFallbackImages”, w których atrybut „program” odpowiada ikonie uwzględnionej w VAST.

Aby w pełni obsługiwać funkcję Informacja, tag IconFallbackImages o nazwie programu musi być powiązany z ikoną o nazwie programu „GoogleWhyThisAd”. Dzięki temu, gdy użytkownik wejdzie w interakcję z tą ikoną, pojawi się powiązany z nią obraz zastępczy.

Aby możliwe było wprowadzenie w przyszłości zmian w standardzie Informacja, zdecydowanie zalecamy wprowadzenie obsługi obrazów zastępczych w przypadku wszystkich ikon VAST, jeśli jest dostępna. Do dodatkowych testów w aplikacji możesz użyć tego przykładowego VAST 3.0 XML.

Struktura rozszerzenia IconFallbackImages

Oznacz Atrybuty Opis
Rozszerzenie typ W przypadku tego rozszerzenia typ zawsze zawiera wartość IconClickFallbackImages.
– IconClickFallbackImages program Ten atrybut zawsze pasuje do atrybutu programu powiązanej ikony VAST 3.0.
Struktura tego węzła odpowiada standardowi VAST 4.2 w przypadku IconClickFallbackImages, z wyjątkiem dodania atrybutu program.
– IconClickFallbackImage szerokość Preferowana szerokość wyświetlania obrazu.
wysokość Preferowana wysokość wyświetlania obrazu.
---AltText Opis obrazu z ułatwieniami dostępu.
---StaticResource creativeType Typ MIME obrazu zastępczego.
Wartość CDATA zawierająca adres URL obrazu zastępczego.

Przykładowa odpowiedź VAST 3.0

<?xml version="1.0" encoding="UTF-8"?>
<VAST xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="vast.xsd" version="3.0">
 <Ad id="123456">
  <InLine>
   ...
   <Creatives>
    ...
    <Creative id="7891011" AdID="ABCD123456EF" sequence="1">
     ...
     <Linear>
      ...
      <Icons>
       ...
       <Icon program="GoogleWhyThisAd" width="50" height="50" xPosition="20" yPosition="bottom" duration="00:00:10" offset="00:00:00" apiFramework="VAST" altText="Why This Ad?">
        <StaticResource creativeType="image/png">
         <![CDATA[https://storage.googleapis.com/interactive-media-ads/hosted-samples/wta/icon_adchoices.png]]>
        </StaticResource>
        <IconClicks>
         ...
         <IconClickThrough><![CDATA[https://g.co/adsettings]]></IconClickThrough>
        </IconClicks>
       </Icon>
       ...
      </Icons>
     ...
     </Linear>
     ...
    </Creative>
    ...
   </Creatives>
   <Extensions>
    ...
    <Extension type="IconClickFallbackImages">
     ...
     <IconClickFallbackImages program="GoogleWhyThisAd">
      <IconClickFallbackImage width="400" height="150">
       <AltText>Alt icon fallback</AltText>
       <StaticResource creativeType="image/png"><![CDATA[https://storage.googleapis.com/gvabox/nickchavez/media/png/wta_dialog.png]]></StaticResource>
      </IconClickFallbackImage>
      ...
     </IconClickFallbackImages>
     ...
    </Extension>
    ...
   </Extensions>
   ...
  </InLine>
  ...
 </Ad>
</VAST>

Analizuj element AdChoices z metadanych interfejsu DAI API w formacie JSON

Podczas korzystania z interfejsu DAI API szczegóły AdChoices są przekazywane przez obiekt JSON zwracany przez żądania wysyłane na adres URL metadanych.

Obiekt JSON Metadata zawiera listę reklam kluczowych na podstawie identyfikatora adID. W każdym obiekcie reklamy znajduje się tablica ikon. Jeśli reklama korzysta z funkcji Informacja, ikona Informacja znajduje się w tej tablicy.

Format ikon JSON

Jeśli to możliwe, ikona w formacie JSON jest tłumaczeniem 1:1 ze standardowej ikony VAST 4.2 (sekcja 3.11). Jednak ze względu na obsługę bardziej rygorystycznego formatu JSON niektóre atrybuty w razie potrzeby zmieniły nazwy.

Format JSON ikony

program W przypadku ikony Informacja ta wartość zawsze zawiera ciąg „GoogleWhyThisAd”.
x_position Poziome położenie lewego górnego rogu ikony względem lewego górnego rogu kreacji wideo (w pikselach). To pole akceptuje też wartości elastycznej pozycji „right” (prawa) i „left” (lewo).
y_position Położenie pionowego lewego górnego rogu ikony (w pikselach) względem lewego górnego rogu kreacji wideo. To pole akceptuje też elastyczne wartości pozycji „top” lub „bottom”.
szerokość Szerokość ikony w pikselach.
wysokość Wysokość ikony w pikselach.
creative_type Typ MIME obrazu ikony. Wartość domyślna to „image/png”.
zasób Adres URL do pobrania ikony Informacja.
alt_text Tekst alternatywny do renderowania ikony Informacja.
click_data Obiekt zawierający właściwość click_data.url reprezentującą adres URL, na który mają być kierowani widzowie po kliknięciu ikony Informacja na platformie obsługującej przeglądanie internetu.
click_fallback_images Tablica obiektów graficznych wyświetlanych widzom, którzy klikną ikonę Informacja na platformach nieobsługujących przeglądania internetu.

Format JSON obrazu zastępczego

szerokość Szerokość obrazu zastępczego wyrażona w pikselach.
wysokość Wysokość obrazu zastępczego wyrażona w pikselach.
creative_type Typ MIME obrazu zastępczego. Wartość domyślna to „image/png”.
zasób Adres URL pobierania obrazu zastępczego.
alt_text Tekst alternatywny do renderowania obrazu zastępczego.

Przykładowy plik JSON z metadanymi

{
  ...
  "ads": {
    ...
    "0002640412_ad1": {
      ...
      "icons": [
        ...
        {
          "alt_text": "AdChoices icon",
          "click_data": {
            "url": "https://g.co/adsettings"
          },
          "click_fallback_images": [
            {
              "alt_text": "This ad was shown to you based on: * Google's
estimation of your interests, based on your activity on Google on this device
(for example, your searches) * the information on the website you were
viewing.",
              "creative_type": "image/jpg",
              "height": 600,
              "resource": "https://storage.googleapis.com/interactive-media-ads/hosted-samples/wta/icon_adchoices_fallback_image.png",
              "width": 950
            }
          ],
          "creative_type": "image/png",
          "height": 30,
          "program": "AdChoices",
          "resource": "https://storage.googleapis.com/interactive-media-ads/hosted-samples/wta/icon_adchoices.png",
          "type": "static",
          "width": 40,
          "x_position": "0",
          "y_position": "100"
        }
        ...
      ]
      ...
    },
    ...
  }
  ...
}