úterý 24. dubna 2012

Quick Tip: Názvy tříd v CSS a AdBlocker

Při nedávnem prohlížení mých starých projektů jsem si všiml, že se mi nezobrazují některé elementy na stránce. Po chvilce pátrání jsem zjistil, že má toto na svědomí nově nainstalovaný AdBlocker. Pro ty co neví: AdBlocker je hojně užívané rozšíření internetového prohlížeče, jehož úkolem je zablokování (skrývání) reklamních bloků na stránkách.

Jak spolu ale souvisí názvy tříd a AdBlocker?
Kromě jiných technik blokování reklamy, využívá Adblocker svou vlastní databázi CSS tříd, které používají nejznámější poskytovatelé reklamních bannerů na internetu. Takže pokud se taková třída na vašich stránkách objeví, je více než možné, že se u klienta, který má AdBlocker nainstalovaný daný prvek stránky prostě nezobrazí.

A které to jsou? 
Toto se samozřejmě mění od verze k verzi, ale většina má společné rysy. V názvu třídy se vyskytuje slovo "AD" či "Advertisement".

Moje rada tedy zní
Snažte se vyhnout používání výše zmíněných slov v názvech vašich tříd.


Aktuální seznam tříd
(24.4.2012 - tento seznam nebudu aktualizovat, slouží pouze pro vytvoření představy)
.ad_250x250, .ad_250x250_w, .ad_3, .ad_300, .ad_300_250, .ad_300x250, .ad_300x250_box_right, .ad_336, .ad_336x280, .ad_350x100, .ad_350x250, .ad_400x200, .ad_468, .ad_468x60, .ad_600, .ad_680x15, .ad_728, .ad_728_90, .ad_728_90b, .ad_728x90, .ad_88x31, .ad_925x90, .ad_Left, .ad_Right, .ad_ad_300, .ad_amazon, .ad_background, .ad_banner, .ad_banner_234, .ad_banner_468, .ad_banner_border, .ad_bar, .ad_belowmenu, .ad_bg, .ad_bigbox, .ad_biz, .ad_block, .ad_block_338, .ad_body, .ad_border, .ad_botbanner, .ad_bottom, .ad_bottom_leaderboard, .ad_bottom_left, .ad_box, .ad_box2, .ad_box_ad, .ad_box_div, .ad_buttons_300, .ad_buttons_320, .ad_callout, .ad_caption, .ad_center, .ad_click, .ad_column, .ad_column_box, .ad_column_hl, .ad_contain, .ad_container, .ad_content, .ad_content_wide, .ad_contents, .ad_descriptor, .ad_disclaimer, .ad_eyebrow, .ad_filler, .ad_footer, .ad_frame, .ad_framed, .ad_front_promo, .ad_full_click, .ad_global_header, .ad_gutter_top, .ad_head, .ad_header, .ad_heading, .ad_headline, .ad_holder, .ad_hpm, .ad_image, .ad_info_block, .ad_inline, .ad_island, .ad_jnaught, .ad_label, .ad_launchpad, .ad_leader, .ad_leaderboard, .ad_left, .ad_line, .ad_link, .ad_links, .ad_linkunit, .ad_loc, .ad_lrec, .ad_main, .ad_medrec, .ad_medrect, .ad_middle, .ad_mod, .ad_mp, .ad_mpu, .ad_mr, .ad_mrec, .ad_mrec_title_article, .ad_mrect, .ad_news, .ad_newsstream, .ad_note, .ad_notice, .ad_one, .ad_p360, .ad_panel, .ad_partner, .ad_partners, .ad_plus, .ad_post, .ad_power, .ad_primary, .ad_promo, .ad_rec, .ad_rectangle, .ad_rectangle_300_250, .ad_right, .ad_right_col, .ad_row, .ad_row_bottom_item, .ad_side, .ad_sidebar, .ad_skyscraper, .ad_slug, .ad_slug_table, .ad_space, .ad_space_300_250, .ad_spacer, .ad_sponsor, .ad_sponsoredsection, .ad_spot_b, .ad_spot_c, .ad_square_r, .ad_square_top, .ad_sub, .ad_supersize, .ad_tag_middle, .ad_text, .ad_text_w, .ad_title, .ad_top, .ad_top_leaderboard, .ad_top_left, .ad_topright, .ad_tower, .ad_unit, .ad_unit_rail, .ad_url, .ad_warning, .ad_wid300, .ad_wide, .ad_widget_200_100, .ad_widget_200_200, .ad_wrap, .ad_wrapper, .ad_wrapper_fixed, .ad_wrapper_top, .ad_wrp, .ad_zone, .adarea, .adarea-long, .adb-728x90, .adbanner, .adbannerbox, .adbannerright, .adbar, .adbase, .adboard, .adborder, .adbot, .adbottom, .adbottomright, .adbox-outer, .adbox-wrapper, .adbox_300x600, .adbox_366x280, .adbox_468X60, .adbox_bottom, .adbox_br, .adbox_left, .adboxclass, .adboxesrow, .adbreak, .adbug, .adbutton, .adbuttons, .adcode, .adcol1, .adcol2, .adcolumn, .adcolumn_wrapper, .adcont, .adcopy, .add_300x250, .addiv, .adenquire, .adfieldbg, .adfoot, .adfootbox, .adframe, .adhead, .adhead_h, .adhead_h_wide, .adheader, .adheader100, .adheader416, .adhi, .adhint, .adholder, .adhoriz, .adical_contentad, .adiframe, .adinfo, .adinside, .adintro, .adits, .adjlink, .adkicker, .adkit, .adkit-advert, .adkit-lb-footer, .adlabel-horz, .adlabel-vert, .adlabelleft, .adlayer, .adleader, .adleaderboard, .adleft1, .adline, .adlink, .adlinks, .adlist, .adlnklst, .admarker, .admediumred, .admedrec, .admessage, .admodule, .admpu, .admpu-small, .adnation-banner, .adnotice, .adops, .adp-AdPrefix, .adpadding, .adpane, .adpic, .adproxy, .adrec, .adright, .adroot, .adrotate_widget, .adrow, .adrow-post, .adrow1box1, .adrow1box3, .adrow1box4, .adrule, .ads-125, .ads-300, .ads-300x250, .ads-728x90-wrap, .ads-above-comments, .ads-ads-top, .ads-banner, .ads-below-content, .ads-bg, .ads-categories-bsa, .ads-custom, .ads-favicon, .ads-item, .ads-links-general, .ads-mpu, .ads-outer, .ads-profile, .ads-rectangle, .ads-right, .ads-section, .ads-sidebar, .ads-sky, .ads-small, .ads-sponsors, .ads-stripe, .ads-text, .ads-top, .ads-wide, .ads-widget, .ads-widget-partner-gallery, .ads03, .ads120_80, .ads160, .ads1_250, .ads24Block, .ads300, .ads460, .ads460_home, .ads468, .ads728, .ads728x90, .adsArea, .adsBelowHeadingNormal, .adsBlock, .adsBottom, .adsBox, .adsCell, .adsCont, .adsDiv, .adsFull, .adsImages, .adsInsideResults_v3, .adsMPU, .adsMiddle, .adsRight, .adsRow, .adsTextHouse, .adsTop, .adsTower2, .adsTowerWrap, .adsWithUs, .ads_125_square, .ads_180, .ads_300, .ads_300x100, .ads_300x250, .ads_320, .ads_337x280, .ads_728x90, .ads_big, .ads_big-half, .ads_box, .ads_box_headline, .ads_brace, .ads_catDiv, .ads_container, .ads_disc_anchor, .ads_disc_leader, .ads_disc_lwr_square, .ads_disc_skyscraper, .ads_disc_square, .ads_div, .ads_footer, .ads_header, .ads_holder, .ads_horizontal, .ads_leaderboard, .ads_lr_wrapper, .ads_medrect, .ads_mpu, .ads_outer, .ads_post_end, .ads_post_end_code, .ads_post_start, .ads_post_start_code, .ads_rectangle, .ads_remove, .ads_right, .ads_rightbar_top, .ads_sc_bl_i, .ads_sc_tb, .ads_sc_tl_i, .ads_show_if, .ads_side, .ads_sidebar, .ads_singlepost, .ads_spacer, .ads_takeover, .ads_title, .ads_top, .ads_top_promo, .ads_tr, .ads_under_fileinfo, .ads_verticalSpace, .ads_vtlLink, .ads_widesky, .ads_wrapperads_top, .adsafp, .adsbg300, .adsblockvert, .adsborder, .adsbottom, .adsbox, .adsbox_300x250, .adsboxitem, .adsbttmpg, .adsbyyahoo, .adscaleAdvert, .adscaleP6_canvas, .adsclick, .adscontainer, .adscreen, .adsd_shift100, .adsection_a2, .adsection_c2, .adsense-468, .adsense-ad, .adsense-category, .adsense-category-bottom, .adsense-googleAds, .adsense-heading, .adsense-overlay, .adsense-post, .adsense-right, .adsense-title, .adsense3, .adsense300, .adsenseAds, .adsenseBlock, .adsenseContainer, .adsenseGreenBox, .adsenseInPost, .adsenseList, .adsense_bdc_v2, .adsense_media, .adsense_mpu, .adsense_rectangle, .adsensebig, .adsenseblock, .adsenseblock_bottom, .adsenseblock_top, .adsenselr, .adsensem_widget, .adsensesq, .adsenvelope, .adserver_zone, .adset, .adsforums, .adsghori, .adsgvert, .adshome, .adside, .adsidebox, .adsider, .adsingle, .adsleft, .adsleftblock, .adslider, .adslink, .adslogan, .adslot, .adslot-widget, .adslot_blurred, .adslotleft, .adslotright, .adsmalltext, .adsmessage, .adsnippet_widget, .adspace, .adspace-MR, .adspace-widget, .adspace180, .adspace_bottom, .adspace_buysell, .adspace_rotate, .adspace_skyscraper, .adspacer, .adspot, .adspot728x90, .adstext, .adstextpad, .adstitle, .adstop, .adstory, .adstrip, .adswitch, .adtab, .adtable, .adtag, .adtech, .adtext_gray, .adtext_horizontal, .adtext_onwhite, .adtext_vertical, .adtile, .adtips, .adtips1, .adtitle, .adtop, .adtops, .adtower, .adtravel, .adtxt, .adtxtlinks, .adunit, .adv-300, .adv-700, .adv-mpu, .adv-p, .adv-sidebar, .adv300, .adv300x250, .advBox, .advSquare, .advVideobox, .adv_120x600, .adv_300x250, .adv_728x90, .adv_banner_hor, .adv_medium_rectangle, .adver, .adverTag, .adverTxt, .adver_cont_below, .advert-300-side, .advert-300x100-side, .advert-728x90, .advert-article-bottom, .advert-banner, .advert-bannerad, .advert-bg-250, .advert-bloggrey, .advert-box, .advert-btm, .advert-head, .advert-horizontal, .advert-iab-300-250, .advert-iab-468-60, .advert-mpu, .advert-skyscraper, .advert-text, .advert-title, .advert-txt, .advert120, .advert300, .advert300x250, .advert300x300, .advert300x440, .advert300x600, .advert350ih, .advert4, .advert5, .advert728x90, .advert8, .advertBlock, .advertColumn, .advertCont, .advertContainer, .advertContent, .advertHeadline, .advertIslandWrapper, .advertRight, .advertSuperBanner, .advertText, .advertTitleSky, .advert_336, .advert_468x60, .advert_back_160x600, .advert_back_300x250, .advert_banner, .advert_box, .advert_cont, .advert_container, .advert_djad, .advert_google_content, .advert_google_title, .advert_home_300, .advert_label, .advert_leaderboard, .advert_list, .advert_note, .advert_surr, .advert_top, .advertheader-red, .advertise-box, .advertise-here, .advertise-homestrip, .advertise-horz, .advertise-inquiry, .advertise-leaderboard, .advertise-list, .advertise-top, .advertise-vert, .advertiseContainer, .advertiseText, .advertise_ads, .advertise_here, .advertise_link, .advertise_link_sidebar, .advertisement, .advertisement-728x90, .advertisement-block, .advertisement-sidebar, .advertisement-space, .advertisement-sponsor, .advertisement-swimlane, .advertisement-text, .advertisement-top, .advertisement300x250, .advertisement468, .advertisementBox, .advertisementColumnGroup, .advertisementContainer, .advertisementHeader, .advertisementLabel, .advertisementPanel, .advertisementText, .advertisement_300x250, .advertisement_btm, .advertisement_caption, .advertisement_g, .advertisement_header, .advertisement_horizontal, .advertisement_top, .advertisement_watchFooter, .advertisementsOutterDiv, .advertiser, .advertiser-links, .advertisespace_div, .advertising-aside-top, .advertising-banner, .advertising-block, .advertising-header, .advertising-leaderboard, .advertising-local-links, .advertising2, .advertisingTable, .advertising_block, .advertising_images, .advertisment, .advertisment_bar, .advertisment_caption, .advertisment_two, .advertize, .advertize_here, .advertorial, .advertorial-2, .advertorial-promo-box, .advertorial_red, .advertorialtitle, .adverts-125, .adverts_RHS, .advt, .advt-banner-3, .advt-block, .advt-sec, .advt300, .advt720, .advtitle, .adwhitespace, .adwordListings, .adwords, .adwordsHeader, .adwrap, .adwrapper-lrec, .adwrapper948, .adzone-footer, .adzone-sidebar, .affiliate-link, .affiliate-sidebar, .affiliateAdvertText, .affiliates-sidebar, .affinityAdHeader, .afsAdvertising, .after_ad, .agi-adsaleslinks, .alb-content-ad, .alignads, .alt_ad, .anchorAd, .another_text_ad, .answer_ad_content, .aolSponsoredLinks, .aopsadvert, .apiAdMarkerAbove, .apiAds, .app_advertising_skyscraper, .archive-ads, .art_ads, .article-ad-box, .article-ads, .article-content-adwrap, .articleAd, .articleAd300x250, .articleAds, .articleAdsL, .articleEmbeddedAdBox, .article_ad, .article_adbox, .article_mpu_box, .article_page_ads_bottom, .articlead, .articleads, .aseadn, .aux-ad-widget-1, .aux-ad-widget-2, .b-ads_iframe, .b-astro-sponsored-links_horizontal, .b-astro-sponsored-links_vertical, .b_ads_cont, .b_ads_top, .banmanad, .banner-300x250, .banner-468-60, .banner-468x60, .banner-ad, .banner-ads, .banner-adv, .banner-advert, .banner-adverts, .banner-buysellads, .banner-top-banner-728x90, .banner160x600, .banner300by250, .banner300x100, .banner300x250, .banner468, .banner468by60, .banner728x90, .bannerADV, .bannerAd, .bannerAdWrapper300x250, .bannerAdWrapper730x86, .bannerAds, .bannerAdvert, .bannerRightAd, .banner_160x600, .banner_300x250, .banner_468x60, .banner_728_90, .banner_728x90, .banner_ad, .banner_ad_footer, .banner_ad_leaderboard, .bannerad, .bannerad-125tower, .bannerad-468x60, .barkerAd, .base-ad-mpu, .base_ad, .base_printer_widgets_AdBreak, .bg-ad-link, .bgnavad, .big-ads, .bigAd, .big_ad, .big_ads, .bigad, .bigad2, .bigbox_ad, .bigboxad, .billboard300x250, .billboardAd, .billboard_ad, .biz-ad, .biz-ads, .biz-adtext, .bizDetailAds, .blk_advert, .block-ad, .block-ad300, .block-admanager, .block-ads-bottom, .block-ads-top, .block-adsense, .block-adsense-managed, .block-adspace-full, .block-bg-advertisement-region-1, .block-deca_advertising, .block-google-admanager, .block-google_admanager, .block-openads, .block-openadstream, .block-openx, .block-thirdage-ads, .block-wtg_adtech, .blockAd, .blockAds, .block_ad, .block_ad_floating_bar, .block_ad_sb_text, .block_ad_sb_text2, .block_ad_sponsored_links, .block_ad_sponsored_links-wrapper, .block_ad_sponsored_links_localized, .blockad, .blocked-ads, .blog-ad-leader-inner, .blog-ads-container, .blogAd, .blogAdvertisement, .blogArtAd, .blogBigAd, .blog_ad, .blogads, .blox3featuredAd, .bn_textads, .body_ad, .body_sponsoredresults_bottom, .body_sponsoredresults_middle, .body_sponsoredresults_top, .bodyads, .bodyads2, .bookseller-header-advt, .bottom-ad, .bottom-ad-fr, .bottom-ads, .bottomAd, .bottomAds, .bottom_ad, .bottom_ad_block, .bottom_ads, .bottom_adsense, .bottom_right_ad, .bottomad, .bottomads, .bottomadvert, .bottombarad, .bottomrightrailAd, .bottomvidad, .box-ad, .box-ad-grey, .box-ads, .box-ads-small, .box-adsense, .box-adverts, .boxAd, .boxAds, .boxAdsInclude, .boxOuterAD, .box_ad, .box_ad_container, .box_ad_content, .box_ad_spacer, .box_ad_wrap, .box_ads, .box_adv, .box_adv_new, .box_advertising, .box_advertisment_62_border, .box_content_ad, .box_content_ads, .box_textads, .boxad, .boxads, .boxcontentad, .boxyads, .bps-ad-wrapper, .bps-advertisement, .bps-advertisement-inline-ads, .br-ad, .breakad_container, .brokerad, .bsa_ads, .btm_ad, .btm_ad_container, .btn-ad, .bullet-sponsored-links, .bullet-sponsored-links-gray, .burstContentAdIndex, .busrep_poll_and_ad_container, .buttonAd, .buttonAds, .button_ads, .button_advert, .buttonadbox, .buttonads, .bx_ad, .bx_ad_right, .cA-adStrap, .cColumn-TextAdsBox, .cLeftTextAdUnit, .c_ligatus_nxn, .calendarAd, .calloutAd, .can_ad_slug, .carbonad, .carbonad-tag, .care2_adspace, .catalog_ads, .category-ad, .categorySponsorAd, .category__big_game_container_body_games_advertising, .cb-ad-banner, .cb-ad-container, .cb_ads, .cb_navigation_ad, .cbstv_ad_label, .cbzadvert, .cbzadvert_block, .cdAdTitle, .cdmainlineSearchAdParent, .cdo-ad-section, .cdsidebarSearchAdParent, .centerAd, .center_ad, .centerad, .centered-ad, .chitikaAdCopy, .cinemabotad, .classifiedAdThree, .clearerad, .cmAd, .cmAdCentered, .cmAdContainer, .cmAdFind, .cmAdSponsoredLinksBox, .cm_ads, .cms-Advert, .cnbc_badge_banner_ad_area, .cnbc_banner_ad_area, .cnbc_leaderboard_ad, .cnn160AdFooter, .cnnAd, .cnnMosaic160Container, .cnnStoreAd, .cnnStoryElementBoxAd, .cnnWCAdBox, .cnnWireAdLtgBox, .cnn_728adbin, .cnn_adcntr300x100, .cnn_adcntr728x90, .cnn_adspc336cntr, .cnn_adtitle, .cntrad, .column2-ad, .columnBoxAd, .columnRightAdvert, .com-ad-server, .comment-ad, .comment-ad-wrap, .comment-advertisement, .comment_ad_box, .common_advertisement_title, .communityAd, .companion_ad, .conTSponsored, .conductor_ad, .confirm_ad_left, .confirm_ad_right, .confirm_leader_ad, .consoleAd, .container-adwords, .containerSqAd, .container_serendipity_plugin_google_adsense, .content-ad, .content-ads, .content-advert, .content-header-ad, .content-item-ad-top, .contentAd, .contentAdContainer, .contentAdFoot, .contentAdsWrapper, .contentAdvertisement, .content_ad, .content_ad_728, .content_adsense, .content_adsq, .content_tagsAdTech, .contentad, .contentad-home, .contentad300x250, .contentad_right_col, .contentadcontainer, .contentadfloatl, .contentadleft, .contentads, .contentadstartpage, .contents-ads-bottom-left, .contenttextad, .contest_ad, .cp_ad, .cpmstarHeadline, .cpmstarText, .create_ad, .cs-mpu, .cscTextAd, .cse_ads, .cspAd, .ct_ad, .ctnAdSkyscraper, .ctnAdSquare300, .cube-ad, .cubeAd, .cube_ads, .currency_ad, .customAd, .custom_ads, .customized_ad_module, .cwAdvert, .cxAdvertisement, .darla_ad, .dart-ad, .dartAdImage, .dart_ad, .dart_tag, .dartadvert, .dartiframe, .dc-ad, .dcAdvertHeader, .deckAd, .deckads, .detail-ads, .detailMpu

Žádné komentáře: