Отложенная загрузка кода яндекс.метрики и рекламных блоков рся

Машина вид сверху рисунок

Как нарисовать классную машину: пошаговые инструкции

Какой мальчишка рано или поздно не засматривается на машинки? Вот и мой сынишка не исключение. О нашей машине ему рассказал все папа. И теперь об автомобиле Тойота наш ребенок лекцию кому угодно прочитает. Но, каждый раз, встречая новую, неизвестную ему модель или марку авто, он замирает в состоянии: «а что это?». И, конечно же, приходится отвечать. Так и я подтянула свои знания об автомобильных синдикатах и их продукции. Но следующий этап увлеченности моего сына, заставил нас с ним разобраться, как рисовать машину, чтобы она была максимально похожая на настоящую. О результатах нашей исследовательской работы я и расскажу.

Простое легковое авто

Первый рисунок не должен быть сложным, чтобы заинтересовать ребенка. Перед тем как нарисовать машину карандашом поэтапно для детей, выбирается знакомая для них модель – легковое авто. Юному художнику выдается альбомный лист и простой карандаш.

Пошаговая инструкция быстрее поможет справиться с заданием:

  • В центре листа изображается основная часть машины с помощью прямоугольника.
  • Сверху и ближе к правой стороне прямоугольника вырисовывается трапеция. Колеса, конечно, будут круглыми.
  • Над колесами полукольцами изображаются арки. Если левый верхний угол прямоугольника скосить и закруглить, то очертится линия капота авто. Смягчаются углы трапеции. Линия задней части машины выше прямоугольника. Дорисовывается бампер рядом с колесом.
  • Лицо авто – это фары и решетка. Зарисовываются стекла: впереди (лобовое), заднее, боковое (на дверцах). Добавляется небольшой штрих между колесами – боковая панель.
  • На этом этапе вытираются линии шаблона: прямоугольника и трапеции.
  • Пришло время деталей. Граница капота, дверей очерчивается простыми линиями. К фарам спереди дорисовываются еще поворотные и задние. Любое авто оснащено зеркалами.
  • Все предыдущие шаги для начинающих и учат, как нарисовать машину карандашом поэтапно. Дополнение рисунка следующими деталями выполняется уже более опытными юными художниками. На дверях появляются ручки, диски на колесах. Их выпускается большое количество моделей. Знатоки дисков для колес выбирают для рисунка любую из них.

Первый рисунок машины карандашом готов. Дальше включаются в работу цветные карандаши или фломастеры.

Как нарисовать машину сзади

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

Шаг 1. Делаем набросок

Изображаем багажник и крышу двумя простыми геометрическими фигурами. Багажник плоский внизу и немного изогнутый вверху, а боковые линии крыши плавно расширяются по мере приближения к основанию.

Чтобы рисунок больше походил на машину, нужно изобразить основные детали. Рисуем верхний край багажника и задние фонари. Форма и расположение этих деталей зависят от характера и стиля марки. По бокам изображаем зеркала и покрышки.

Шаг 2

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

Все, что делали раньше — набрасывали самые важные линии штриховым методом. В этом шаге все обводим, сделаем рисунок чистым и законченным. Далее обводим детали верхней части, подтирая все лишнее.

Шаг 3

Повторяем те же действия, но с днищем машины. То есть здесь перед художником стоит задача обвести все оставшиеся детали темными и четкими линиями, удалить все лишние детали. Добавляем воздухозаборники, номерной знак и логотип.

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

Их следует располагать в местах, где нет света или в местах перегибов. Далее рисунок можно раскрасить.

AMP — что это за «зверь»?

AMP (Accelerated Mobile Pages) или ускоренные мобильные страницы — относительно новая технология, которую продвигает Google. Заключается в том, чтобы мобильному посетителю отдавать максимально облегченный документ. Подобные страницы после индексации хранятся в специальном кеше поисковой системы.

Какие плюсы у технологии?

Существенно вырастает скорость загрузки сайта.
Пользователю показывается только самое важное. Ему, конечно же, будет это нравится.
В будущем при ранжировании google потенциально будет давать приоритет AMP (вслед за всем известным https).. Есть и существенные минусы:

Есть и существенные минусы:

  1. Получается урезанная версия ресурса.
  2. Проблема с отображением рекламы. Насколько я знаю, сейчас поддерживаются только рекламные сети, принадлежащие самому Гуглу.
  3. Нужно проследить, чтобы новые документы не попали в выдачу: корректность canonical, отсутствие AMP в sitamap и т.д.

В одном из ближайших постов данную технологию я разберу подробнее. Если она вас заинтересовала, то справку по ней вы сможете найти в той же Google Search Console («Вид в поиске» -> «Ускоренные мобильные страницы (AMP)»).

Отложенная загрузка рекламный блоков РСЯ

Вдохновившись идеей решил реализовать на отлаженную загрузку блоков рекламы.

По умолчанию код RTB для вставки на сайт состоит из двух частей:

Код загрузчика рекламы в

 
<script>window.yaContextCb = window.yaContextCb || []</script>
<script src="https://yandex.ru/ads/system/context.js" async></script>

Код рекламного блока

<div id="yandex_rtb_R-A-588461-2"></div>
<script>
  window.yaContextCb.push(()=>{
    Ya.Context.AdvManager.render({
      renderTo: 'yandex_rtb_R-A-588461-2',
      blockId: 'R-A-588461-2'
    })
  })
</script>

div с идентификационным номером вставляем в HTML-код вашего сайта между тегами и в том месте, где должен отображаться рекламный блок.

А содержимое тега заворачиваем в нашу конструкцию и помещаем ее в сайта.

<script>
        var event_status = false; // Статус события (ещё не произошло)

        window.addEventListener("load", function() {
          
            // Страница загрузилась полностью
            
            .forEach(function(event) {
            
                window.addEventListener(event, function() {
                  
                    // Произошло нужное событие (mouseover, click или scroll) с объектом window
                      
                    if(!event_status) {
          
                        // ВАШ КОД
                        window.yaContextCb.push(()=>{
                           Ya.Context.AdvManager.render({
                             renderTo: 'yandex_rtb_R-A-588461-2',
                             blockId: 'R-A-588461-2'
                           })
                        })
                        
                        event_status = true; // Статус события (произошло)
          
                    }
                  
                }, {
                    once: true
                });
            
            });
          
        });
</script>

Таким образом загрузка рекламных блоков на страницах сайта произойдет после выполнения условий: страница загружена полностью, человек совершил одно любое действие (движение курсора, клик, прокрутка).

Как нарисовать авто в 3D

Чтобы нарисовать 3D-машину, нужно начать с самых простых контуров. Используем свободные и грубые линии, чтобы изобразить очертания автомобиля. На этом этапе также указываем размеры и расположение эскиза на листе бумаги. Что делать дальше, как нарисовать машину:

  1. Изображаем колесные арки спереди и сзади. Они должны быть максимально круглыми и ровными. На этом же этапе рисуем линию окон вверху.
  2. Теперь аккуратно скорректируем очертания переднего и заднего бамперов, сделав линии плавными и красивыми. Точно такую ​​же операцию нужно проделать с крышей. На этом же этапе рисуем переднее и заднее стекло.
  3. Спереди и сзади рисуем фары и задние фонари. Изображаем воздухозаборник под фарой. При рисовании рекомендуется время от времени отходить от эскиза, чтобы лучше видеть все недостатки.
  4. В центральной части оконной рамы рисуем столб. Сбоку, под оконной рамой, изображаем переднюю и заднюю дверь. Проводим горизонтальную линию под дверями, соединяющую заднюю и переднюю арки.
  5. Рисуем зеркало заднего вида в переднем углу оконной рамы. На этом же этапе пора добавить ручки. Задняя должна быть немного выше передней.
  6. Удаляем вспомогательные линии и рисуем передние и задние колеса. Далее нужно добавить очертания комнат внутри этих покрышек. Обода должны быть идеально круглыми и повторять контуры шин, которые также должны быть в идеальном состоянии.

Теперь изобразим сами колесные диски. Первым делом рисуем центральную круглую часть колес. Затем добавляем линии спиц, идущие от центра к краям ободов. Завершите рисование ободов, добавив остальные линии спиц.

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

Чтобы машина выглядела эффектно, можно добавить еще блики по краям бампера и на зеркалах. Легче всего рисовать машину:

  1. Набросок карандашом HB.
  2. Для более четких линий — тушь.

Обязательно под рукой нужно иметь мягкий ластик и грифельный карандаш для добавления тени. Раскрашивать рисунок карандашом интересно пастелью.

Какие есть варианты?

Вручную, как я объяснил выше, самый плохой способ тестирования.

Поэтому рассмотрим решения получше:

  1. Системы управления рекламой, например AdFox, AdRiver или аналоги. Минус тут жирнющий — проще научиться управлять космическим кораблём и попасть в миссию по колонизации Марса к Илону Маску, чем хоть что-то понять без бухла в том же адфоксе.
     
  2. Сторонние скрипты или фреймворки — часто тяжеловесны и всё так же требуют времени на изучение и установку. И не факт, что оно Вам надо.
     
  3. Простой самописный скрипт — свою работу по сравнению «здесь-и-сейчас» выполнит.

Каждый способ имеет и плюсы и минусы.

Если работаем с крупным порталом, то однозначно нужен маркетолог или какой-то отдел продаж, который в Адфоксе будет откручивать рекламу.

Для средних и малых сайтов, мамкиных вебмастеров и прочих ремесленников подойдёт и маленький скрипт.

Отложенная загрузка кода Яндекс.Метрики

В погоне за идеей решил посмотреть готовые варианты и благо они есть. Варианты реализации отложенной загрузи предлагают разные, например через таймер задержки или DOM-дерево .

Немного почитал ветки на форумах нарвался на статью с готовым и решением, а еще реализованным в виде плагина WordPress.

Ссылка на депозитарий плагина — https://wordpress.org/plugins/true-lazy-analytics/ поддерживает Google Analytics, Пиксель Facebook, Hotjar, Яндекс Метрика, Liveinternet.

Ссылка на статью — https://www.kobzarev.com/technical-seo/yandex-metrika-lazy-load/

Для уверенных в себе пользователей, автор предлагает код для вставке в

add_action(
  'wp_footer',
  function() {
    ?>
    <script type="text/javascript">
            ( function () {
                'use strict';
 
                // Флаг, что Метрика уже загрузилась.
                var loadedMetrica = false,
                    // Ваш идентификатор сайта в Яндекс.Метрика.
                    metricaId     = 123456789,
                    // Переменная для хранения таймера.
                    timerId;
 
                // Для бота Яндекса грузим Метрику сразу без "отложки",
                // чтобы в панели Метрики были зелёные кружочки
                // при проверке корректности установки счётчика.
                if ( navigator.userAgent.indexOf( 'YandexMetrika' ) > -1 ) {
                    loadMetrica();
                } else {
                    // Подключаем Метрику, если юзер начал скроллить.
                    window.addEventListener( 'scroll', loadMetrica, {passive: true} );
 
                    // Подключаем Метрику, если юзер коснулся экрана.
                    window.addEventListener( 'touchstart', loadMetrica );
 
                    // Подключаем Метрику, если юзер дернул мышкой.
                    document.addEventListener( 'mouseenter', loadMetrica );
 
                    // Подключаем Метрику, если юзер кликнул мышкой.
                    document.addEventListener( 'click', loadMetrica );
 
                    // Подключаем Метрику при полной загрузке DOM дерева,
                    // с "отложкой" в 1 секунду через setTimeout,
                    // если пользователь ничего вообще не делал (фоллбэк).
                    document.addEventListener( 'DOMContentLoaded', loadFallback );
                }
 
                function loadFallback() {
                    timerId = setTimeout( loadMetrica, 1000 );
                }
 
                function loadMetrica( e ) {
 
                    // Пишем отладку в консоль браузера.
                    if ( e && e.type ) {
                        console.log( e.type );
                    } else {
                        console.log( 'DOMContentLoaded' );
                    }
 
                    // Если флаг загрузки Метрики отмечен,
                    // то ничего более не делаем.
                    if ( loadedMetrica ) {
                        return;
                    }
 
                    (function(m,e,t,r,i,k,a){m=m||function(){(m.a=m.a||[]).push(arguments)}; m.l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t),k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js", "ym");
                    ym( metricaId, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true });
 
                    // Отмечаем флаг, что Метрика загрузилась,
                    // чтобы не загружать её повторно при других
                    // событиях пользователя и старте фоллбэка.
                    loadedMetrica = true;
 
                    // Очищаем таймер, чтобы избежать лишних утечек памяти.
                    clearTimeout( timerId );
 
                    // Отключаем всех наших слушателей от всех событий,
                    // чтобы избежать утечек памяти.
                    window.removeEventListener( 'scroll', loadMetrica );
                    window.removeEventListener( 'touchstart', loadMetrica );
                    document.removeEventListener( 'mouseenter', loadMetrica );
                    document.removeEventListener( 'click', loadMetrica );
                    document.removeEventListener( 'DOMContentLoaded', loadFallback );
                }
            } )()
    </script>
    <?php
  }
);

Комментариев в коде достаточно, чтобы понять иерархические действия скрипта. Достаточно поменять идентификатор счетчика на свой.

Недостатком такого трюка может быть не большая погрешность в статистики отказов.

Вставка шорткода при помощи плагина WordPress

По правде сказать, при подготовке материала, я не нашёл удобного простого и бесплатного плагина для такой задачи. Плагин AdSense In-Post Ads уже не выпускается и давно не поддерживается (сайт разработчика недоступен). Но он предоставлялся по лицензии GNU, а значит с ним можно делать всё что угодно. Из коробки плагин создавал в системе 3 предустановленных шорткода, а за их содержание можно было редактировать из админки WordPress.

Я доработал плагин, расширив количество блоков до десяти (думаю этого хватит чтобы забить статью любой длины). Скачать плагин можно в конце статьи.

Плагины -> Добавить новыйЗагрузить плагинУстановитьПосле установки плагина, жмём кнопку Активировать и переходим к настройкам в раздел Настройки -> AdSense In-Post. Здесь вы увидите 10 текстовых блоков, куда вы можете ввести код вставки рекламы с Google Adsence или Яндекс.РСЯ и дальше использовать эти рекламные блоки в своих статьях при помощи шорткодов.

Ленивая (отложенная) загрузка рекламных блоков РСЯ

Код подключения РСЯ выглядит так, добавление в head:

Код рекламного блока:

Самая «большая проблема» это сам скрипт context.js, хоть он и загружается асинхронно, но все равно «ест» много ресурсов, пытаясь что-то отобразить на странице. Но ведь страница ещё не загружена для пользователя полностью, а это потеря времени. Скорость загрузки страницы и отрисовка первого контента для пользователя сейчас это приоритет номер один. Выход простой, надо сделать так, чтобы скрипт загружался через 2-2,5 секунды.

Теперь осталось только немного «допилить» логику работы скриптов и будет «правильный» код для работы с Метрикой и РСЯ. Для начала добавим функцию для запуска любого стороннего скрипта в код страницы:

function apendscript(a,callback,d){         var eli = document.createElement(«script»);         eli.src = a;         if(!d)eli.async = true;         else eli.defer = true;         m=document.getElementsByTagName(«script»);         m.parentNode.insertBefore(eli,m);          eli.onload = () => {             if (callback) callback();          }  }

Конечный скрипт ленивой (отложенной) загрузки

Теперь осталось сложить все элементы в единое целое, и мы получим работчий скрипт ленивой (отложенной) загрузки Яндекс.Метрика и Яндекс.РСЯ.

<script>( function () {    var loadedTLAnalytics = false,timerId;   if ( navigator.userAgent.indexOf( ‘YandexMetrika’ ) > -1) {    //Это пропуск робота Метрики        loadTLAnalytics();   } else {        window.addEventListener( ‘scroll’, loadTLAnalytics, { passive: true } );        window.addEventListener( ‘touchstart’, loadTLAnalytics, { passive: true } );        document.addEventListener( ‘mouseenter’, loadTLAnalytics, { passive: true } );        document.addEventListener( ‘click’, loadTLAnalytics, { passive: true } );        document.addEventListener( ‘DOMContentLoaded’, loadFallback, { passive: true } );   }   function loadFallback() {        timerId = setTimeout( loadTLAnalytics, 5000 ); //Это глобальное время задержки 5000 — 5 сек.   }    function loadTLAnalytics( e ) {        if ( loadedTLAnalytics ) {                return;        }        setTimeout(function () { //Загрузка счетчика Метрики, где XXXXXXX — это номер вашего счётчика                 (function(m,e,t,r,i,k,a) { m=m||function() { (m.a=m.a||[]).push(arguments) }; m.l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) { if (document.scripts.src === r) { return; } } k=e.createElement(t),a=e.getElementsByTagName(t),k.async=1,k.src=r,a.parentNode.insertBefore(k,a) } ) (window, document, «script», «https://mc.yandex.ru/metrika/tag.js», «ym»); ym( XXXXXXX, «init», { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, ecommerce:»dataLayer», triggerEvent:true } );        },0); //Тут можно отложить загрузку для скритпа метрики дополнительно        setTimeout(function ()  {                apendscript(«https://yandex.ru/ads/system/context.js», function()  {                   if( document.getElementById(«yandex_rtb_R-A-XXXXX-X») ) {                        window.yaContextCb.push(()  => {                             Ya.Context.AdvManager.render( {                                renderTo: ‘yandex_rtb_R-A-XXXXX-X’,                                blockId: ‘R-A-XXXXX-X’                             } )                         } );                  }                  /* Здесь можно добавить второй и более блоков */               });        },2000); //Тут можно отложить загрузку для скритпа context.js дополнительно   loadedTLAnalytics = true;   clearTimeout( timerId );   window.removeEventListener( ‘scroll’, loadTLAnalytics, { passive: true} );   window.removeEventListener( ‘touchstart’, loadTLAnalytics, {passive: true} );   document.removeEventListener( ‘mouseenter’, loadTLAnalytics, { passive: true } );   document.removeEventListener( ‘click’, loadTLAnalytics, { passive: true } );   document.removeEventListener( ‘DOMContentLoaded’, loadFallback, { passive: true } ); }} )(); function apendscript(a,callback,d) {   var eli = document.createElement(«script»);   eli.src = a;   eli.async = true;   m=document.getElementsByTagName(«script»);   m.parentNode.insertBefore(eli,m);   eli.onload = () => {        if (callback) callback();   } }</script>

 XXXXXXX — это номер вашего счётчика в Метрике, а R-A-XXXXX-X — это ваши  номера блоков в РСЯ.

В итоге мы получаем

При визите пользователя на старницу сайта, если пользователь не предпринял никаких действий в виде скрола, клика, или просто движения мышкой, то скрип загрузится через 5 секунд, а блоки РСЯ  через 7 секунд, в указанной конфигурации. Если же было какое либо действие пользователя, то грузится скрипт Меррики, и через 2 секунды РСЯ.

Как делается аэрография на машине

При нанесении рисунка на автомобиль применяются следующие методы:

  • Художественная аэрография – предполагает создание индивидуального стиля. Сначала создается эскиз, который является совместной работой заказчика и мастера. Выполняется высококлассными специалистами при помощи аэрографа. Время нанесения зависит от сложности и составляет от нескольких дней до двух месяцев. Рисунок не теряет привлекательности в течение 10 лет и более. Характеризуется четкой прорисовкой мельчайших деталей, реалистичностью изображения и высокой стоимостью работы.
  • Трафаретная аэрография – нанесение рисунка по специально подготовленному трафарету, который можно создать совместно с мастером при помощи компьютерной программы или приобрести готовый. Выполняется аэрографом, краскопультом или баллончиком с автомобильной краской. Не требует высокой квалификации мастера, характеризуется средней стоимостью, но при этом и выглядит менее эффектно. Чаще всего таким способом создаются геометрические рисунки. Срок службы – до 10 лет.
  • Виниловая аэрография – метод печатного нанесения изображения на виниловую пленку, которая наклеивается на кузов автомобиля. Не требует мастерства, возможна самостоятельная замена. В качестве изображения используется любой рисунок или фотография. Размер аэрографии – от нескольких сантиметров до полного покрытия кузова. Срок службы пленки зависит от условий эксплуатации, но при этом она имеет определенную защитную функцию – предохраняет от механических повреждений. Время выполнения работы – до 3-4 часов, стоимость – ниже в 10-15 раз, чем у художественной аэрографии.

Выбор метода нанесения рисунка завит только от желания заказчика.

Правильная адаптация рекламных блоков Google Adsense

В Адсенсе есть стандартный адаптивный блок, который будет подстраиваться под разрешения экранов. Но в нем есть проблема — в мобильных версиях показываются рекламные блоки небольших размеров, которые, в свою очередь, снижают доход. Пренебрегать этим не стоит. Взять хотя бы данные с моего аккаунта по платформам: персональные компьютеры уже только половина. А у вас какие проценты?

Например, у вас в конце материала стоит NetBoard 580 на 400. Вы заходите на страницу с мобильника и видите, что он не вписывается в ширину. Что же, прекрасно, есть адаптивный блок. Вы ставите его, а через несколько дней замечаете, что реклама отображается корректно, но доход от данного канала упал.

<style>
.izmenite_imya1 { width 320px; height 100px; }
@media(min-width 500px) { .izmenite_imya1 { width 336px; height 280px; } }
@media(min-width 800px) { .izmenite_imya1 { width 580px; height 400px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- izmenite_imya1 -->
<ins class="adsbygoogle izmenite_imya1"
     style="display:inline-block"
     data-ad-client="ca-pub-SVOJ-NOMER"
     data-ad-slot="SVOJ-NOMER"></ins>
<script>
(adsbygoogle = window.adsbygoogle || ).push({});
</script>
  1. В первую очередь, необходимо создать свой адаптивный блок в панели адсенс. Взять из кода ca-pub (идентификатор издателя) и data-ad-slot (идентификатор рекламного блока).
  2. Затем нужно поменять уникальное название (в моем случае izmenite_imya1) на свое — 5 штук. Для каждого блока нужно придумывать свое название. Можно использовать английские буквы (начинать нужно с буквы), цифры и подчеркивания.
  3. В приведенном примере:
    — на ширине экрана меньше 500 будет показываться объявление 320 на 100 (большой мобильный баннер);
    — от 500 до 800 — 336 на 280 (большой прямоугольник);
    — от 800 и больше — 580 на 400 (Netboard).
    Если вас устраивают разрешения и приведенные форматы, то можете оставить как есть. Если нет, то меняете указанные цифры на свои.
  4. Вставляете полученный код на страницы сайта и проверяете корректность размещения. По необходимости редактируете размеры и разрешения.

Создаём рекламный блок и закрепляем его отображение при прокрутке страницы на сайте – инструкция

  1. Создать такой блок в личном кабинете РСЯ не составляет большого труда, вот пример типовых настроек.
  2. Ниже указан код (скрипт), который необходимо вписать в шаблон сайта. Данный код необходимо размещать в самом низу, к примеру, перед закрывающим тегом body. В большинстве шаблонов за «низ» сайта отвечает файл-шаблон под названием footer.php
    <div class="myblockbottom" style="display: none">
        <div class="myblockbottom__close"></div>
    <div id="yandex_rtb_block"></div>
    <script type="text/javascript">
        (function(w, d, n, s, t) {
            w = w || [];
            w.push(function() {
                Ya.Context.AdvManager.render({
                    blockId: "R-A-XXXXXX-Z",
                    renderTo: "yandex_rtb_block",
                    async: true
                });
            });
            t = d.getElementsByTagName("script");
            s = d.createElement("script");
            s.type = "text/javascript";
            s.src = "//an.yandex.ru/system/context.js";
            s.async = true;
            t.parentNode.insertBefore(s, t);
        })(this, this.document, "yandexContextAsyncCallbacks");
    </script></div>
      
    <script type="text/javascript">
    (function() {
      
      document.addEventListener("scroll", checkIfNearPosition)
    
    	document.querySelector('.myblockbottom__close').addEventListener('click', function(e) {
      	e.target.parentNode.style.display = 'none', document.removeEventListener("scroll", checkIfNearPosition)
      })
      
      function checkIfNearPosition(e) {
    		if(!/iPhone|iPad|iPod|webOS|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile|Android/i.test(navigator.userAgent)
    ) return;
        var x = document.querySelector('.myblockbottom');
      	window.pageYOffset > 100 && (x.style.display = 'block') || (x.style.display = 'none')
      }
      
    })()
    </script>

    Только не забудьте отредактировать код, указав ID вашего рекламного блока, за место введённого в примере R-A-XXXXXX-Z

  3. Вписав код, останется отредактировать файл, в котором указываются CSS стили, используемые дизайном сайта. Чаще всего он называется style.css или подобным образом. Следующие стили необходимо прописать в нём:
    .myblockbottom {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      height: 90px;
      padding: 10px;
      text-align: center;
      z-index: 10;
    }
    .myblockbottom__close {
        position: absolute;
        right: 0;
        width: 40px;
        height: 40px;
        transition: all .3s ease-out;
        z-index: 5;
        top: -15px;
        cursor: pointer;
    }
    .myblockbottom__close::after, .myblockbottom__close::before {
        content: '';
        position: absolute;
        top: 10px;
        width: 24px;
        height: 3px;
        z-index: 6;
        background-color: #8f9cb5;
    }
    .myblockbottom__close::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 8px;
    }
    .myblockbottom__close::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 8px;
    }

Всё. Откройте сайт в мобильном браузере, и вы увидите закреплённый рекламный блок. Его можно закрыть, для этого имеется соответствующая кнопка.

Примечание: поначалу рекламный блок может не отображаться, а будет только кнопка закрытия блока. Не пугайтесь, дело не в скрипте, а просто Рекламной Сети Яндекс необходимо некоторое время (вплоть до 40 минут), дабы начать показ рекламы в данном блоке.

Желаю вам роста доходов и развития вашему ресурсу :-)

ОЖСБ тест 4 сынып

ОЖСБ ТЕСТ 4 — СЫНЫПМатериал жайлы қысқаша түсінік:Оқушылардың ойлау қабілеттерін дамыту арқылы ұқыптылыққа, алғырлыққа, тапқырлыққа және жарысу арқылы тез, дұрыс есептеуге тәрбиелеу.

а) (36+48)- 12=72 (күн)в) (48 — 36): 12=1 (күн)с) (48 — 36)+12=24 (күн)д) (36+48): 12=7 (күн)14. Берілген есептің жауабына қай жазу сәйкес келеді?32 — (6+8)=18 (м)а) Болды — 6м және 8 м в) болды — 32 мСатылды — 32 м Сатылды — 6 м және 8 мҚалды -? Қалды -?

15. 28 санының бірінші разрядына қанша бірлік бар?а) 8 с) 10в) 2 д) 20

ОЖСБ2 — нұсқаӘдебиеттік оқу1. Шықшы тауға, қараша кең далаға,Мәз боласың, ұқсайсың жас балаға.О шеті мен бұ шетіне жүгірсең,Шаршайсың ба, құмарың бір қана ма? Өлеңінің авторы кім?А) М. Мақатаев б) К. ОразбекұлыС) Қ. Жұмағалиев Д) Қ. Аманжолов2. Көбінесе тарихта болған адамның басына құрылған шығарма:Аңыз С. ЕртегіМысал Д. Әңгіме3. Адамның көңіл күйін, сезімін, ішкі сырын сөзбен бейнелеп көрсетедіа) сатира в) теңеу с) әсірелеу д) лирика

4. Адам бойындағы кемшіліктерді сынап, адалдық, әділдік, қайырымдылық сияқты жақсы қасиеттерді мадақтап жазатын шығарма:Аңыз С. МысалЕртегі Д. Әңгіме5.. Шөже мен Орынбайдың арасындағы айтыс айтыстың қай түріне жатады?а) жұмбақ айтыс в) ақындар айтысы с) тұрмыс — салт айтысы д) қыз бен жігіт айтысы6. «Жолбарыспен айқас» қай батырлар жырынан үзінді?а) «Ер Тарғын» в) «Қамбар батыр» с) «Алпамыс батыр» д) «Қобыланды батыр»7. Шығармадағы кейіпкерлердің кезектесіп сөйлеуін қалай атайды?Диалог С. КейіптеуМонолог Д. Сипаттау8. «Туған жердің ыстығы — ай» әңгіменің негізгі кейіпкерін ата?А. Нар түйе С. ЖылқыБ. Ермекбай Д. Қылыш9. Шешендік сөздер дегеніміз не?а) халыққа танымал болған тұлғалардың тапқыр сөздерів) екі ақынның арасындағы сөз жарысыс) ержүрек батырлар туралы ауызша шығарылған жыр үлгісід) тарихта болған адамның басына құрылған шығарма

Понравилась статья? Поделиться с друзьями:
Эдем на трейлере
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: