{"id":337642,"date":"2022-11-28T12:16:36","date_gmt":"2022-11-28T12:16:36","guid":{"rendered":"https:\/\/www.ezoic.com\/de-lang\/?p=337642"},"modified":"2022-11-28T12:16:39","modified_gmt":"2022-11-28T12:16:39","slug":"passen-sie-ihre-anzeigen-mit-dem-benutzerdefinierten-css-ad-styling-von-ezoic-an","status":"publish","type":"post","link":"https:\/\/wp.ezoic.com\/de-lang\/passen-sie-ihre-anzeigen-mit-dem-benutzerdefinierten-css-ad-styling-von-ezoic-an\/","title":{"rendered":"Passen Sie Ihre Anzeigen mit dem benutzerdefinierten CSS-Ad-Styling von Ezoic an"},"content":{"rendered":"\n
\"\"\/<\/figure>\n\n\n\n

Manchen Publishern reicht es aus, einfach nur Anzeigen auf ihrer Webseite zu platzieren. Andere wiederum bevorzugen mehr Kontrolle \u00fcber das Gesamtbild ihrer Webseite und m\u00f6chten, dass ihre Anzeigen ein wenig ausgefeilter und stilisierter sind. Mit dem Custom CSS Ad Wrapper von Ezoic k\u00f6nnen Sie Ihre Anzeigen jetzt so einrahmen, wie Sie es auf gro\u00dfen Webseiten wie der Washington Post sehen. Vielleicht haben Sie diese Funktion bereits w\u00e4hrend des Content-Months kennengelernt<\/a>.\u00a0<\/p>\n\n\n\n

Publisher, die Ezoic nutzen, k\u00f6nnen das Aussehen ihrer Anzeigen mit der Ezoic Chrome-Extension oder \u00fcber das Ezoic-Dashboard selbst gestalten. Mit diesem Tool k\u00f6nnen Sie ganz einfach responsive Container um Anzeigenplatzhalter herum erstellen, die auf die \u00c4sthetik Ihrer Webseite abgestimmt sind.<\/p>\n\n\n\n

Da es in jeder Nische Hunderttausende von Webseiten gibt, ist es wichtig, sich etwas einfallen zu lassen, um Ihre Webseite ein wenig attraktiver zu machen. Die \u00c4nderung der Farben und des Stils Ihrer Werbecontainer kann dazu beitragen, dass sich Ihre Webseite von anderen in der Nische Ihrer Seite abhebt.<\/p>\n\n\n\n

<\/span>So bearbeiten Sie Ihre Anzeigenplatzhalter<\/span><\/h2>\n\n\n\n

Die Bearbeitung des Stils Ihrer Platzhalter ist so einfach wie die Auswahl der Stelle, an der sie erscheinen sollen. \u00d6ffnen Sie dazu eine Landing Page auf Ihrer Webseite und klicken Sie auf die Ezoic Chrome-Extension<\/a>, um Ihre Platzhalter zu aktivieren.\u00a0<\/p>\n\n\n\n

W\u00e4hlen Sie dann einen Platzhalter, den Sie stilisieren m\u00f6chten. W\u00e4hlen Sie im Dropdown-Men\u00fc die Option Bearbeiten. Klicken Sie dann auf das Pinselsymbol.<\/p>\n\n\n\n

Auf dieser Registerkarte k\u00f6nnen Sie festlegen, wie Ihr Platzhalter aussehen soll. Sie k\u00f6nnen R\u00e4nder um die Anzeige herum festlegen, je nachdem, wie viel Platz Sie zwischen Ihrem Inhalt und der Anzeige haben m\u00f6chten, und entscheiden, welche Ausrichtung Sie f\u00fcr die Anzeige w\u00fcnschen (links, mittig oder rechts). Sie k\u00f6nnen auch einen Hinweis auf die Werbung einblenden.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Der letzte Bereich der Anpassung betrifft Farbe und Rahmen. Sie k\u00f6nnen bestimmte Hexadezimalfarben f\u00fcr den Hintergrund und den Rand der angezeigten Anzeigen w\u00e4hlen, einschlie\u00dflich der Gr\u00f6\u00dfe des Hintergrundbereichs (Polsterung). Genau wie der Rand wird auch die Auff\u00fcllung in Pixeln f\u00fcr die obere, untere, linke und rechte Seite der Anzeige festgelegt.<\/p>\n\n\n\n

Diese Container werden nur geladen, wenn ein Nutzer eine Anzeige von dieser Platzhalterposition aus aufruft. Da sie au\u00dferdem responsiv sind, m\u00fcssen H\u00f6he und Breite nicht festgelegt werden.<\/p>\n\n\n\n

<\/span>Der Ad Template Builder<\/span><\/h2>\n\n\n\n

Wenn Sie ein Anzeigen-Template erstellen m\u00f6chten, das \u00fcber mehrere Platzhalter hinweg gespeichert werden kann, k\u00f6nnen Sie den Anzeigen-Template-Builder in Ad Tester verwenden. Mit dieser Funktion k\u00f6nnen Sie die Position, den Stil, die Gr\u00f6\u00dfe und die Seitenregeln festlegen, denen jede Vorlage folgt.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Um zu beginnen, navigieren Sie einfach zu Ihrem Ezoic-Dashboard, w\u00e4hlen Sie die Registerkarte Monetarisierung und scrollen Sie nach unten zum Ad Template Builder. Von hier aus k\u00f6nnen Sie \u00e4hnliche Entscheidungen treffen wie oben beschrieben, aber diese Vorlage kann in mehreren Platzhaltern gespeichert werden oder Sie k\u00f6nnen bestimmte Seitenregeln festlegen, wo diese Vorlage angezeigt werden soll.<\/p>\n\n\n\n

<\/span>Gestaltung Ihrer Anzeigen<\/span><\/h2>\n\n\n\n

Ezoic hat es Ihnen leicht gemacht, Ihre Anzeigen mit der Chrome-Extension oder \u00fcber Ihr Ezoic-Dashboard zu gestalten. Wenn Sie aber lieber kodieren, haben wir auch den folgenden Code, den Sie einfach in Ihre CSS-Datei einf\u00fcgen k\u00f6nnen:<\/p>\n\n\n\n

\u200b\u200b\u200b\u200b\/\/Zur Webseite oder Seite css-Datei hinzuf\u00fcgen\/\/<\/p>\n\n\n\n

.fancy_ad {<\/p>\n\n\n\n

   container-decoration:\u201dshadow\u201d<\/p>\n\n\n\n

   line-width: \u201c2px\u201d<\/p>\n\n\n\n

   line_color: \u201cblack\u201d<\/p>\n\n\n\n

   container-size: \u201cresponse\u201d<\/p>\n\n\n\n

}<\/p>\n\n\n\n

\/\/diesen Container mit Platzhaltercode zur Gestaltung von Anzeigen hinzuf\u00fcgen\/\/<\/p>\n\n\n\n

<div class=\u201dfancy_ad\u201d><\/p>\n\n\n\n

EZOIC_PLACEHOLDER_CODE_1 <\/p>\n\n\n\n

<\/div><\/p>\n\n\n\n

\/\/\/end\/\/<\/p>\n\n\n\n

Die Anpassung Ihrer Anzeigen kann Ihre Webseite hervorheben und den Unterschied ausmachen, ob jemand Ihre Webseite gegen\u00fcber einer anderen in Ihrer Nische bevorzugt. Wer etwas mehr Kontrolle \u00fcber das Aussehen seiner Webseite haben m\u00f6chte, kann seine Anzeigen so gestalten, dass sie besser zur \u00c4sthetik der Webseite passen.<\/p>\n","protected":false},"excerpt":{"rendered":"

Manchen Publishern reicht es aus, einfach nur Anzeigen auf ihrer Webseite zu platzieren. Andere wiederum bevorzugen mehr Kontrolle \u00fcber das Gesamtbild ihrer Webseite und m\u00f6chten, dass ihre Anzeigen ein wenig ausgefeilter und stilisierter sind. Mit dem Custom CSS Ad Wrapper von Ezoic k\u00f6nnen Sie Ihre Anzeigen jetzt so einrahmen, wie Sie es auf gro\u00dfen Webseiten… Passen Sie Ihre Anzeigen mit dem benutzerdefinierten CSS-Ad-Styling von Ezoic an<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":24,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"tpgb_global_settings":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-337642","post","type-post","status-publish","format-standard","hentry","category-unkategorisiert","entry"],"tpgb_featured_images":null,"tpgb_post_meta_info":{"get_date":"28. November 2022","category_list":{"category":[{"term_id":1,"name":"Unkategorisiert","slug":"unkategorisiert","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":169,"filter":"raw"}],"post_tag":false,"post_format":false},"author_name":"Moritz Arndt","author_url":"https:\/\/wp.ezoic.com\/de-lang\/author\/moritz_arndt\/","author_email":"Moritz.Arndt@rub.de","author_website":"","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["author"],"author_firstname":"Moritz","author_lastname":"Arndt","user_login":"Moritz_Arndt","author_avatar":"","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/0319a61ea5198735af3b45e62ea4a994?s=96&d=mm&r=g","comment_count":1,"post_likes":0,"post_views":0},"tpgb_post_category":{"category":"Unkategorisiert<\/a> "},"_links":{"self":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/337642"}],"collection":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/comments?post=337642"}],"version-history":[{"count":1,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/337642\/revisions"}],"predecessor-version":[{"id":337643,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/337642\/revisions\/337643"}],"wp:attachment":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/media?parent=337642"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/categories?post=337642"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/tags?post=337642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}