Предыдущее посещение: менее минуты назад Текущее время: 19 черв 2018, 08:44

Часовой пояс: UTC + 2 часа




 [ Повідомлень: 3 ] 
Теги:
javascript
Автор Сообщение
 Заголовок сообщения: как встроить рекламу и счетчики чтоб не тормозило страницу
Сообщение
Відсутній
Администратор
Аватара пользователя

Зарегистрирован: 13 жовт 2010, 00:09
Сообщения: 1658
Изображения: 1
Откуда: Україна
Благодарил (а): 7 раз.
Поблагодарили: 47 раз.
Запах
вы встроили на сайт, рекламу или баннер, а он гад долго грузится, а пока он не догрузился не загружается и остальная часть страницы

как решить эту проблему?

на одном сайте я увидел решение с пресадкой блоков:
Скрытый текст. Необходимо зарегистрироваться.

В местах, где надо разместить рекламные блоки, пишем простенькие div‘ы-«заглушки» и присваиваем им уникальные id, например, <div id="adv_place_1"></div>. На самом деле, вместо div‘ов при необходимости можно использовать любые другие теги, но необходимость такая случается редко.

В самом конце страницы вывешиваем все наши рекламные коды внутри других div‘ов. Этим div‘ам мы тоже присваиваем уникальные id, например, <div id="adv_block_1"><!-- код вызова рекламы --></div>.

Под каждым из блоков дописываем джаваскриптик, который будет заниматься пересадкой каждого div‘а с рекламой в положенный ему div-зуглушку:
<script type="text/javascript">
<!--
document.getElementById('adv_place_1').appendChild(document.getElementById('adv_block_1'));
//-->
</script>


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

правильно использовать Асинхронный код который не блокирует и не влияет на скорость загрузки страницы вашего сайта
в яндекс метрика например нужно поставить галочку на пункт Асинхронный код

если в другой системе нет такай возможности, то
лучше использовать другой вариант

например у вас скрипт встраивающий рекламу
Код:: [ Скачать ] [ Скрыть ]
Синтаксис: Javascript
<script type="text/javascript">
--код вставки рекламы
        </script>

встраиваем его в window.onload = function() { }

Код:: [ Скачать ] [ Скрыть ]
Синтаксис: Javascript
<script type="text/javascript">
window.onload = function() {
         --код вставки рекламы
        };
        </script>      

просто и быстро

_________________

програміст- характерникпошта: razorback456@gmail.com https://www.facebook.com/AndroidMobileGame/
Роблю андроїд ігри на замовлення(рекламні ігри, ігри-приколи в подарунок)ціна від 20$


Вернуться к началу
  
 
 Заголовок сообщения: Re: как встроить рекламу и счетчики чтоб не тормозило страни
Сообщение
Відсутній
Администратор
Аватара пользователя

Зарегистрирован: 13 жовт 2010, 00:09
Сообщения: 1658
Изображения: 1
Откуда: Україна
Благодарил (а): 7 раз.
Поблагодарили: 47 раз.
Запах
еще пример :

вызов сарипта простой код
Код:: [ Скачать ] [ Скрыть ]
Синтаксис: Javascript
<!-- Yandex.Metrika counter -->
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>



и асинхронный:


Код:: [ Скачать ] [ Скрыть ]
Синтаксис: Javascript
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
    (w[c] = w[c] || []).push(function() {
        try {
            w.yaCounter99999 = new Ya.Metrika({id:99999,
                    trackLinks:true,
                    accurateTrackBounce:true});
        } catch(e) { }
    });

    var n = d.getElementsByTagName("script")[0],
        s = d.createElement("script"),
        f = function () { n.parentNode.insertBefore(s, n); };
    s.type = "text/javascript";
    s.async = true;
    s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

    if (w.opera == "[object Opera]") {
        d.addEventListener("DOMContentLoaded", f);
    } else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>

_________________

програміст- характерникпошта: razorback456@gmail.com https://www.facebook.com/AndroidMobileGame/
Роблю андроїд ігри на замовлення(рекламні ігри, ігри-приколи в подарунок)ціна від 20$


Вернуться к началу
  
 
 Заголовок сообщения: Re: как встроить рекламу и счетчики чтоб не тормозило страни
Сообщение
Відсутній
Администратор
Аватара пользователя

Зарегистрирован: 13 жовт 2010, 00:09
Сообщения: 1658
Изображения: 1
Откуда: Україна
Благодарил (а): 7 раз.
Поблагодарили: 47 раз.
Запах
еще 1 решение прдложено микроном
Скрытый текст. Необходимо зарегистрироваться.


а почему бы не просто не пустить js отдельным потоком?
пихаем js в отдельную функцию и выполняем ее при помощи setTimeout с задержкой выполнения 1ms
получается функция, которая не влияет на рендеринг страницы

Код:: [ Скачать ] [ Скрыть ]
Синтаксис: Javascript
setTimeout(
 e=document.createElement(”script”);
 e.setAttribute(”src”,”myscript.js);
 e.setAttribute(”type”,”text/javascript”);
 document.getElementsByTagName(”head”)[0].appendChild(e),
 1);


жаль я сам до этого не допер :oops:

_________________

програміст- характерникпошта: razorback456@gmail.com https://www.facebook.com/AndroidMobileGame/
Роблю андроїд ігри на замовлення(рекламні ігри, ігри-приколи в подарунок)ціна від 20$


Вернуться к началу
  
 
 [ Повідомлень: 3 ] 
   Похожие темы   Автор   Ответы   Просмотры   Последнее сообщение 
Нет непрочитанных сообщений Урок фотошоп Создаем красочную и креативную рекламу алкогол

в форуме не сортированные уроки фотошоп часть:1

Anonymous

0

54

11 вер 2012, 21:31

fotofects Перейти к последнему сообщению

Нет непрочитанных сообщений урок фотошоп: Создаем рекламу экологичной обуви 1713

в форуме не сортированные уроки фотошоп часть:2

Anonymous

0

36

20 вер 2012, 09:45

diablo Перейти к последнему сообщению

Нет непрочитанных сообщений урок фотошоп: Создаем красочную и креативную рекламу алкого

в форуме не сортированные уроки фотошоп часть:1

Anonymous

0

28

11 вер 2012, 18:31

forever Перейти к последнему сообщению

Нет непрочитанных сообщений урок фотошоп: Делаем рекламу парфюма 699

в форуме не сортированные уроки фотошоп часть:2

Anonymous

0

127

19 вер 2012, 19:45

medusa Перейти к последнему сообщению


Часовой пояс: UTC + 2 часа


Кто сейчас на конференции

Сейчас этот форум просматривают: aretmigo, demon, Elin, megatester, Photoshop Garden, Ray12, stanislas88, Web Designer Wall, Ульяна, Ванильная и гости: 7


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

Перейти: