ИльяКомментарии к записи Пример загрузки файлов на сервер (upload) на языке php отключены
Для загрузки файлов на сервер используется приложение которое представляет собой HTML-форму (uploads.html) и скрипт uploads.php для ее обработки. Заметка: Вы сможете так же загрузить промышленную версию системы загрузки файлов на сервер из раздела downloads. Image Java Editor позволяет нам не только загрузить любой файл на сервер, но и изменить его размер, фон и др. Код формы (uploads.html) <html> <head> <title>Загружаем файлы на сервак</title> </head> <body> <h2><p><b> Загрузка файлов </b></p></h2> <form action=»uploads.php» method=»post» enctype=»multipart/form-data»> <input type=»file» name=»filename»><br> <input type=»submit» value=»Добавить»><br> </form> </body> </html> Код для обработки формы (uploads.php) <html> <head> <title>Насколько загрузился файл</title> </head> <body> <?php if($_FILES[«filename»][«size»] > 1024*3*1024) { echo («Размер превышает 3 мбайта»); exit; } // Проверяем загрузился ли if(is_uploaded_file($_FILES[«filename»][«tmp_name»])) { // Если файл загрузился, то перемещаем его // из временной директории в постоянную move_uploaded_file($_FILES[«filename»][«tmp_name»], «/path/to/file/».$_FILES[«filename»][«name»]); } else { echo(«Ошибка «); } ?> </body> </html> Атрибут entype формы позволяет определяить вид кодировки, которые применяются браузером к параметрам формы. Для… Читать далее »
ИльяКомментарии к записи Установка пикселей отслеживания на событие Onclick отключены
Часто рекламодатель желает отслеживать различные «нажатия» на кнопки как конверсии. В эту же группу входят отслеживания конверсий при осуществлении AJAX сценариев на сайте рекламодателя без изменения URL страницы. Для отслеживания таких событий невозможно использовать стандартные пиксели отслеживания Getintent. Ниже описан способ отслеживания onclick событий (рассмотрим вариант «конверсионного пикселей»): Установка JS пикселя на событие onclick: https://px.adhigh.net/p/conversion.js?site_id=»[site_id]»&pixel_id=»[pixel_id]» Токены вида […] (например, [site_id]) должны быть заменены значениями (например: site_id=»1«). Параметр Опциональный Значение [site_id] нет Идентификатор сайта. Необходимо заменить на site_id из нашего интерфейса. [pixel_id] да Идентификатор пикселя (используется для создания сегментов ретаргетинга и конверсионных правил(удобное разделение конверсий в отчете)) ПРИМЕР ГОТОВОГО ONCLICK СОБЫТИЯ <button class=»button» onclick=»$.getScript(‘https://px.adhigh.net/p/conversion.js?site_id=XXX’)»>Регистрация</button>
ИльяКомментарии к записи Отслеживание источников оффлайн-рекламы на сайте отключены
Источники трафика не всегда ограничиваются онлайн-рекламой и поиском. Есть интернет-проекты, для которых актуальна оффлайн-реклама: радои, зомбоящик телевизор, биг борды и пр. Проблема отслеживания такого трафика заключается в том, что система веб-аналитики по умолчанию будет считать его прямыми заходами. Ведь у посетителя, пришедшего из оффлайна, нет даже реферера. Выход есть! Классическое решение задачи отслеживания эффективности оффлайн-рекламы решается следующим образом: Регистрируется новый домен, который будет использоваться только в оффлайн рекламе. При этом важно, чтобы домен был максимально коротким и легко запоминался. Например, для отслеживания оффлайн-рекламы блога интернет-маркетолога можно зарегать домен типа imarketingblog.ru. Настраивается 301 редирект с любой страницы этого домена на нужную страницу Вашего сайта с использованием UTM-меток. Например: https://internet-marketolog.com/radio/?utm_source=Radio&utm_medium=Offline&utm_campaign=Radio-Internet-Marketing utm_source — источник рекламы (в нашем случае — это радио) utm_medium — тип трафика (оффлайн) utm_campaign — рекламная кампания (тут можно указать, какой ролик Вы запустили или какой продукт Вы рекламируете и то, что Вы ещё захотите отследить) Наслаждаемся статистикой в отчёте Google Analytics в разделе “Источники трафика”: Современные… Читать далее »
ИльяКомментарии к записи Параллакс-эффект на чистом CSS отключены
В этой статье показано, как с помощью CSS-трансформаций, перспективы и небольших хитростей с масштабированием сделать параллакс-эффект на чистом CSS. Параллакс чаще всего делается на JavaScript, и почти всегда он реализован плохо: отлавливается событиепрокрутка, изменения в DOM вносятся напрямую в обработчике и вызываются лишние перерасчёты и перерисовки. Всё это происходит асинхронно с потоковым рендерингом браузера, в результате чего некоторые кадры пропускаются и эффект выглядит прерывистым. Впрочем, это не так уж страшно —requestAnimationFrame и отложенное обновление DOM позволяют управлять внешним видом сайтов с параллакс-эффектом. Но что если вы могли бы совсем не зависеть от JavaScript? Перенос параллакс-эффекта на CSS избавит вас от упомянутых проблем и позволит браузеру положиться на аппаратное ускорение — почти всё будет обрабатываться компоновщиком. В результате вы получите согласованную частоту кадров и гладкую прокрутку страницы. Кроме того, можно сочетать этот эффект с другими CSS-приёмами, такими как медиавыражения и поддержка CSS-свойств. Как насчёт отзывчивого параллакс-эффекта? Теория Прежде чем говорить о принципе работы, давайте выполним базовую разметку: <div class=«parallax«> <div class=«parallax__layer parallax__layer—back«> … </div> <div class=«parallax__layer parallax__layer—base«> … </div> </div> А вот основные стили: .parallax { perspective: 1px; height: 100vh; overflow-x: hidden; overflow-y: auto; } .parallax__layer { position:… Читать далее »
ИльяКомментарии к записи Как установить код sape на сайт, написанный на HTML? отключены
Тут могут быть два различных вариата: Ваш хостинг поддерживает PHP.В этом случае, вам нужно заставить html-страницы обрабатывать PHP-код, который выводит ссылки. Для этого достаточно прописать в файле .htaccess (он должен находиться в корневой директории сайта) следующую строку:AddHandler application/x-httpd-php .php .htm .htmlЕсли файла на вашем хостинге нет, то его можно создать в блокноте и закачать в корень сайта. Если этот способ не сработает, уточните у хостера, что Вам нужно прописывать в файле .htaccess для того, чтобы html-страницы обрабатывали PHP код. Если у вас получилось заставить html страницы обрабатывать PHP код, то дальше вам следует выполнить инструкции по размещению кода описаные здесь. Ваш хостинг не поддерживает PHP. У вас статический сайт без языков программирования.В этом слечае вы можете размещать ссылки по FTP. Ссылки будут размещаться роботом автоматически.Для этого вам нужно будет в настройках своей площадки указать реквизиты ФТП-доступа к сайту. Подробную инструкцию по работе со статическими сайтами читайте на форуме в соответствующей теме. Статья… Читать далее »
Люди часто используют JavaScript, чтобы сделать выпадающее меню. Но на самом деле это можно сделать на чистом CSS. И в этом уроке вы узнаете, как это сделать. Принцип работы Для начала, чтобы вы поняли принцип работы выпадающих элементов, разберём простой пример. Возьмём простой html-код для работы: 1 <div class=»example_shown»>Наведи на меня курсор > <div class=»example_hidden»>я — скрытая часть</div></div> и применим к этому коду такие стили: .example_shown { display:inline-block; } .example_hidden { display:none; } .example_shown:hover .example_hidden { display:inline-block; } Наведи на меня курсор > В css мы скрыли нужную часть текста, изменив его отображение на display:none;. При наведении курсора (:hover) на родительский элемент .example_shown у дочернего элемента .example_hidden меняется тип отображения на видимый. По такому принципу и строятся выпадающие меню. Создание выпадающего меню Теперь займёмся реализацией самого меню. Для его организации воспользуемся тегами списков ul и li 1 2 3 4 5 6 7 8 9 10 11 12 13 14… Читать далее »
В России дали ход программе trade-in от компании Samsung, в рамках которой разочаровавшиеся владельцы «яблочных» смартфонов могут обменять свой iPhone на флагманские аппараты серии Galaxy с доплатой. На сайте производителя размещена информация, касательно данной акции, она распространяется на модельный ряд: Samsung Galaxy Note II, Galaxy Note 3, Galaxy Note 4, Galaxy Note Edge, Galaxy S4 и Galaxy S5, а также iPhone 5 и iPhone 5s. Согласно представленным условиям программы, скидка на новый Samsung Galaxy Note 5 за старый «яблочный» смартфон выйдет в 15 000 руб., на Galaxy S6 edge+ — 10 000 руб. При этом существует ряд требований к «сдаваемому» аппарату от iPhone он должен быть без следов механических повреждений, без блокировки устройства через iCloud. Данная акция trade-in действует не везде, а только в салонах Samsung в Москве, а также Подольске, Люберцах, Орехово-Зуево и Зеленограде, что делает её локальной. Подобные сомнительные инициативы являются частью стратегии южнокорейского производителя по сохранению и… Читать далее »
Дорогие друзья, сегодня я расскажу о том, как добавить кнопку Google +1 на свой сайт. Недавно Google анонсировал кнопку, а сейчас она стала доступной для всех желающих разместить ее на своих интернет ресурсах. Вообще-то я собирался сегодня опубликовать новый пост про Америку, но спешу поделиться с вами новой кнопкой от Гугла. А про Америку рассказ готов, и опубликую его завтра 😉 . Что дает кнопка Google +1? Например, посетителям вашего сайта понравилась какая-либо статья (новость, страница товара, услуги и т.д.). Если вы предусмотрительно добавите кнопку Google +1 на страницы своего сайта, то посетители смогут кликнуть по ней на понравившейся странице. Что происходит дальше? А дальше друзья ваших читателей в результатах поиска Google будут видеть, кто уже поделился какой-либо страницей. Кроме этого, вы сможете видеть отметки о страницах, за которые вы сами голосовали, то есть будет проще искать нужную информацию. Покажу на примере. Набираю я запрос «indigotlt.ru» в Google, и… Читать далее »
Первое наше знакомство с медиаплеером Google Chromecast вышло не очень удачным. Устройство на тот момент хотя и обладало довольно привлекательной ценой (в США $35), но его функциональность находилась на слабом уровне. Если не считать просмотра видео с YouTube и выведения изображения с компьютера на телевизор, а также фотографий и видео со смартфона, Chromecast для украинских пользователей не мог составить конкуренцию массе всевозможных медиаплееров. Но с момента релиза устройства прошёл уже год, и оно успело обрасти дополнительными возможностями. Давайте посмотрим, что сегодня умеет Google Chromecast. Зеркалирование экрана С браузера Google Chrome (бесплатно) Одной из основных функций Chromecast ещё в момент релиза было дублирование картинки из браузера Chrome на телевизор с устройством. Эта возможность работает и сегодня, более того, она стала намного стабильней. При установке расширения Google Cast в Chrome в правом углу панели инструментов браузера появляется соответствующий значок, нажав на который начинается зеркалирование изображения на телевизор. Работает это для каждой вкладки… Читать далее »
Статья не будет чем-то новым для профессионалов, но думаю будет полезна для новичков. Итак, как быстро и без проблем перенести сайт на другой сервер? Стандартно при переносе мы делаем архив сайта, бэкап базы, затем заливаем архив на новый хостинг и, создав базу, импортируем туда дамп. После этого вносим правки в configuration.php. Это хороший, рабочий метод, но нужно знать, как на конкретном хостинге создать архив, нужен доступ к PhpMyAdmin, а также аккуратно вносить изменения в configuration.php, предварительно уточнив абсолютные пути к папке сайта у данного хостера. Можно (и нужно) поступить гораздо проще — использовать расширение JoomlaPack, кстати, одно из самых популярных на extensions.joomla.org. Итак, по порядку. Скачиваем и устанавливаем JoomlaPack. Заходим в компоненты — JoomlaPack — Backup Now и делаем полный бэкап сайта. В зависимости от скорости хостинга и объема сайта эта процедура занимает от нескольких минут до нескольких секунд. На некоторых хостингах, к сожалению из-за ограничений времени выполнения бэкап создать… Читать далее »
