{"id":4097,"date":"2009-09-17T05:24:12","date_gmt":"2009-09-17T12:24:12","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=4097"},"modified":"2022-05-03T10:18:05","modified_gmt":"2022-05-03T17:18:05","slug":"advertising","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/advertising\/","title":{"rendered":"Advertising &#038; Sponsorship"},"content":{"rendered":"\n<p>CSS-Tricks is a community-based platform for web developers around the world. It\u2019s known as the go-to site to find the latest techniques and front-end design and development.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"sponsorship-opportunities\"><strong>Sponsorship Opportunit<\/strong>ies<\/h3>\n\n<h4 class=\"wp-block-heading\" id=\"sidebar-unit\">Sidebar Unit<\/h4>\n\n\n<p>The sidebar unit is a take on native display, located on the right rail of most tabs on the CSS-Tricks site. There are five sponsorship opportunities each month.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"667\" src=\"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/05\/image.png?resize=1024%2C667&#038;ssl=1\" alt=\"\" class=\"wp-image-365599\" srcset=\"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/05\/image.png?resize=1024%2C667&amp;ssl=1 1024w, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/05\/image.png?resize=300%2C195&amp;ssl=1 300w, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/05\/image.png?resize=768%2C500&amp;ssl=1 768w, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/05\/image.png?resize=1536%2C1000&amp;ssl=1 1536w, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/05\/image.png?resize=2048%2C1333&amp;ssl=1 2048w, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/05\/image.png?w=3000&amp;ssl=1 3000w\" sizes=\"(min-width: 735px) 864px, 96vw\" data-recalc-dims=\"1\" \/><figcaption>Example sidebar units<\/figcaption><\/figure>\n\n\n\n<p><br><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h3 class=\"wp-block-heading\" id=\"advertising-policy\"><strong>Advertising Policy<\/strong><\/h3>\n\n\n<p>Each advertiser will be approved by DigitalOcean.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>For more information, please complete the form below and a representative from BuySellAds will reach out.&nbsp;<\/p>\n\n\n\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/v2.js\"><\/script>\n<script>\n  hbspt.forms.create({\n\tregion: \"na1\",\n\tportalId: \"410369\",\n\tformId: \"e92033b9-786e-4d93-8ada-6346332f3270\"\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>CSS-Tricks is a community-based platform for web developers around the world. It\u2019s known as the go-to site to find the latest techniques and front-end design and development. Sponsorship Opportunities Sidebar Unit The sidebar unit is a take on native display, located on the right rail of most tabs on the CSS-Tricks site. There are five [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":18334,"url":"https:\/\/css-tricks.com\/lodge\/v10\/046-flexible-sidebar-ads\/","url_meta":{"origin":4097,"position":0},"title":"#046: Flexible Sidebar Ads","date":"September 17, 2012","format":false,"excerpt":"The top module in the main sidebar of the site belongs to Treehouse, as the main sponsor of CSS-Tricks. Based on a conversation I had with Ryan Carson, some of the best converting ads they have are the ones with people in them, so we pick out one of those\u2026","rel":"","context":"With 2 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18416,"url":"https:\/\/css-tricks.com\/lodge\/v10\/065-adding-buysellads-sidebar-ad\/","url_meta":{"origin":4097,"position":1},"title":"#065: Adding BuySellAds Sidebar Ad","date":"September 19, 2012","format":false,"excerpt":"We have another BSA zone to get integrated into the site. This one should be a bit easier because we already have the JavaScript in place and it's just one ads in one module. We've actually have that top treehouse sidebar ad already in place so we can take queues\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":279574,"url":"https:\/\/css-tricks.com\/video-screencasts\/167-sponsored-videos-for-jetpack-and-woocommerce\/","url_meta":{"origin":4097,"position":2},"title":"#167: Sponsored Videos for Jetpack and WooCommerce","date":"December 5, 2018","format":false,"excerpt":"This is a compilation of four videos I've done over the last few months for a sponsorship with Automattic. It's mostly about Jetpack, a WordPress plugin I quite like and that we use here at CSS-Tricks), but also touches on setting up WooCommerce to create a personal store.","rel":"","context":"In \"jetpack\"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/02\/wordpress-comments.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":365866,"url":"https:\/\/css-tricks.com\/almanac\/properties\/g\/grid-template-areas\/","url_meta":{"origin":4097,"position":3},"title":"grid-template-areas","date":"May 20, 2022","format":false,"excerpt":"The grid-template-areas CSS property allows you to define and name the cells (or \u201careas\u201d) in a CSS grid container. .grid-container { display: grid; grid-template-areas: \"header header\" \"sidebar main\"; } So, that example above? We get a two-by-two grid where the top row reserves two columns for an area named header.\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":18411,"url":"https:\/\/css-tricks.com\/lodge\/v10\/063-mocking-up-buysellads-zones\/","url_meta":{"origin":4097,"position":4},"title":"#063: Mocking up BuySellAds Zones","date":"September 19, 2012","format":false,"excerpt":"Now that we know exactly what zones we're working with, we go back to Photoshop and mock in how we want these ad zones to look. We have a precedent for the sidebar ad. It will be essentially just like the Treehouse sidebar ad, a module with an image inside\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18408,"url":"https:\/\/css-tricks.com\/lodge\/v10\/062-a-look-at-the-current-buysellads-setup\/","url_meta":{"origin":4097,"position":5},"title":"#062: A Look at the Current BuySellAds Setup","date":"September 19, 2012","format":false,"excerpt":"As you know, some of the ads on CSS-Tricks are kind of \"self managed\", like the main Treehouse sponsor. I took that on because it's just a single advertiser and we have a very specific relationship and the ads are integrated into the site in a way that wouldn't be\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4097"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=4097"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4097\/revisions"}],"predecessor-version":[{"id":365600,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4097\/revisions\/365600"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=4097"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=4097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}