Блог

Главная - Вопросы по программированию - Скрыть рекламу Google при печати страницы

Скрыть рекламу Google при печати страницы

#javascript #html #css #ads #adsense

Вопрос:

Я пытаюсь использовать window.print для печати одного изображения на своей странице.

Это изображение, которое пользователь заинтересован распечатать.

До размещения рекламы на моем сайте все работало нормально, но после запуска рекламы adsense во время печати страницы на странице предварительного просмотра также отображаются объявления.

Как я могу их спрятать ?

прежде чем я скрою все элементы с помощью css-кода, который выглядит как показано ниже, но теперь, поскольку я не смогу узнать, как и где размещается объявление, поскольку объявление автоматически.

 @media print {
    @page {
        margin: 0;
        margin-top: 10px;
    }
    nav, header, .cardButtonRow, #about, .toastContainer, footer, .adsbygoogle, .google-auto-placed {
        display: none;
    }
    .cardImage img {
        width: 82%;
        box-shadow: none;
    }
}

Структура страницы в основном

 <body>
<nav>....</nav>
<article class="container cardContainer">


        <header>
            <h1>Your eCard is Ready to Print</h1>
            <p>Save it or Print it !</p>
        </header>

        <div class="cardImage">
            <img alt="">
        </div>

        <div class="cardButtonRow">
            <a class="button" onclick="printClick();">Print Card</a>
            <a class="button">Download</a>
        </div>

...
<footer>...</footer>
</body>

Как напечатать только изображение ?

Комментарии:

1. Откройте изображение на новой вкладке и распечатайте его?

2. не использовать window.print()

3. Вы можете использовать window.print() в новой вкладке.

4. Могу ли я сделать это таким образом ?

Ответ №1:

Как насчет чего-нибудь вроде этого:

 @media print {
    @page {
        margin: 0;
        margin-top: 10px;
    }
    * {
        display: none !important;
    }
    html, body, article, .cardImage, .cardImage img {
        display: block !important;
    }
    .cardImage img {
        width: 82%;
        box-shadow: none;
    }
}

Спрячьте все, а затем удалите изображение и его предков.

Метки: