Как вставить на сайт игру
Содержание
Как установить флеш игру на сайт в режиме html. Давно меня спрашивают посетители моего блога как это сделать. Но сначала нужно было записать видеоурок.
Так как процесс для новичков может показаться сложным, а с видео легче понять что, как и куда. Для чего нужна игра на сайте? Это просто шанс, что какое то количество посетителей подольше задержатся на сайте.
Это придаст вес нашему ресурсу в глазах поисковых систем и улучшит поведенческий фактор, не на 100 % конечно. Главное на сайте интересный контент по теме, как вы и сами понимаете.
Но всё-таки одна знакомая мне постоянно пишет в шутку : «Когда ты уберёшь эту игру, опять я 40 минут на твоём сайте просидела». А это тот эффект, который нам и нужен 🙂
Какую игру выбрать и куда поставить её на сайте? Выбирать нужно простую, понятную, яркую и крупную и очень важно, чтобы управление в ней осуществлялось мышкой ( ведь есть игры, в которых движения осуществляются кнопками). Самый хороший вариант, это шарики, обычно такие игры понятные и не надо особенно раздумывать, как в неё играть.
Как найти флеш игру для сайта.
Чтобы найти такие игры, нужно набрать в поисковике примерно такой запрос: «Он-лайн игра шарики». У меня она стоит в сайдбаре, но можно поставить и после каждой статьи. Для этого можно воспользоваться плагином Post Layout Pro
На некоторых игровых сайтах вам могут предложить скопировать код и поставить на сайт. Я нашла один такой ресурс, но код почему-то, увы, не работал. А вместо игры появилась какая то непонятная реклама. Возможно, что игра появилась бы позже, но такой вариант меня совершенно не устраивал.
Поэтому я пошла другим путём, которым советую пойти и вам. Нужно найти в интернете сайт с играми и посмотреть код страницы (как это сделать написано ниже, и рассказано в видеоуроке). А когда мы найдём на странице файл с игрой, то нужно смотреть, чтобы расширение файла обязательно было .swf, так как другие виды файлов можно скачать, но работают они по другому и на своём сайте их будет не запустить.
Тут есть 2 варианта установки игры. Первый — это копирование кода прямо с сайта, на котором установлена нужная нам игра. То есть она будет подгружаться прямо с того ресурса, откуда мы взяли код. Этот вариант хорошо подойдёт тем вебмастерам, у которых сайт на бесплатном хостинге и есть возможность работать с html кодом.
Как установить игру на сайт со стороннего веб ресурса.
Плюс этого метода, что не надо скачивать и устанавливать игру на свой хостинг.
- реклама, которая может подгружаться до начала запуска игрушки
- ресурс может быть недоступен и тогда на вашем сайте будет пустое место
- её просто удалят с сайта и тогда у вас она тоже исчезнет
А теперь я опишу процесс установки. Находим нужную нам игру, открываем её так, чтобы она была одна на странице. Если это невозможно, то хотя ты так, чтобы вокруг неё было поменьше других элементов. Далее, нажимаем Ctrl+u (+ не нажимаем, а только буквы, в последующих вариантах то же самое). После этого в другом окне браузера у вас должен открыться код страницы.
На странице с кодом жмём Ctrl+f. Это для того, чтобы в правом верхнем углу у нас появилось окошко поиска, в окошке пишем object. После этого у вас подсветятся цветом коды с этим тегом, ищем . Копируем код от начала и до конца. Идём на свой сайт и вставляем его. Меняем размеры на нужные нам, вот как выглядят теги, обозначающие размеры
- width: 530px — это ширина
- height: 360px – это высота
Меняем размеры на нужные нам. Если это сайдбар, то ширина должна быть 250-300 пикселей.
Я разместила код игры ниже (первая игра в моём сайдбаре). Вы можете просто скопировать его и поставить на свой ресурс.
Ещё раз внимание! Размеры здесь нужно менять в 2-х местах (они отмечены синим) . Подгонять их нужно самостоятельно, в зависимости от ваших потребностей.
Размер я сделала меньше и теперь он 300 х250. Здесь копируйте код:
А здесь смотрите как он выглядит и в каких местах вам надо менять размеры:
Это был первый способ, не самый лучший.
Как установить игру на сайт с загрузкой на свой хостинг.
А вот и второй способ, наиболее предпочтительный. Мы скачиваем файл игры к себе на компьютер и заливаем на сайт, формируем код и помещаем его на свой web ресурс в нужном нам месте. Сначала мы делаем все те же действия, что описаны в первом способе.
То есть открываем игру одну на странице, жмём Ctrl+u, потом Ctrl+f, в окошке набираем object. Ищем тот же самый код. А самом коде мы жмём на ссылку с предположительной игрой. Ссылка должна быть активна (если она неактивна, то копируем url) и с расширением .swf, а после того, как мы по этой ссылке перейдём у нас должна открыться игра в крупном варианте, там должна находится только эта игра.
Если вы перешли по ссылке, но игра не открылась, значит вы нашли не ту ссылку, продолжайте искать её. После того, как мы нашли нужный вариант, сохраняем его к себе на компьютер. То есть нажимаем Ctrl+S .
После того, как игра скачается идём на хостинг или открываем FileZilla и создаём папку в корневой папке, то есть в той, в которой все основные файлы блога или сайта. После этого формируем ссылку на игру. Делаем это таким образом https://наш сайт/название папки, в которой игра/название файла игры.swf
Переходим по ссылочке и видим объект в полный рост. Но когда будете ставить ссылку в код, для размещения на сайте, то делаем это в таком виде : /название папки, в которой игра/название файла игры.swf
И не забываем менять размеры, так как игра в начальном варианте может занять всё место вашего сайта и вы будете в ужасе как всё поплывёт из за этого 🙂 Так что берегите нервы, меняйте размеры сразу.
Ниже вы можете скопировать код, для установки в маленьком размере, я поставила там 300х300. Не забудьте сформировать и поменять ссылку на игру! Ссылку я окружила тегами код — для того, чтобы игра встала на середину страницы
Но имейте ввиду, что скрипт игры даёт нагрузку на хостинг, и если на сайте будет много таких штучек, то вас попросят перейти на более высокооплаичваемый тариф или на выделенный сервер!
А теперь предлагаю посмотреть видеоурок.
«Как установить флеш игру на сайт в режиме html.»
А вот ссылка на сайт, где я показывала и скачивала игру https://www.game-game.com.ua/.
Итак, мы подобрали игры для сайта и поставили флеш игру на свой сайт.
как создать сайт на wordpress, настроить и оптимизировать wordpress
Здесь я вам расскажу как установить мини игру (flash) на ваш сайт, причем для сайтов на WordPress, это сможет сделать даже новичок.
Скачать исходники для статьи можно ниже
Для чего это нужно?
Для того, чтобы улучшить поведенческие факторы вашего сайта (поисковики: Яндекс, Google будут ставить ваш сайт выше в поиске) , так как посетитель будет дольше находиться на вашем сайте.
Процедура установки достаточна проста, достаточно выполнить следующие 3 шага:
Шаг 1. Скачиваем flash игру с интернета.
Я так пользуюсь следующим ресурсом:
Приведу пример на игре “Крестики – нолики”.
Жмете на кнопку Download (под кнопкой написано сколько весит данный файл). У вас скачается zip архив, распаковываем его, в нем будут лежать 4 файла:
Нам из них понадобиться только последний, а именно: tictactoe.swf
Шаг 2. Закачиваем swf файл на ваш сайт.
Для этого для сайтов на WordPress входим в панель управления, далее выбираем в левом меню пункт “Медиафайлы” и в нем подпункт “Добавить новый”.
Выбираем файл tictactoe.swf на вашем компьютере и загружаем на сайт.
После загрузки появиться следующая информация:
В строчке Файл URL прописан путь к вашему swf файлу, запомните его, а лучше скопируйте.
Шаг 3. Устанавливаем игру на сайт.
Будем вставлять игру в сайдбар (боковую колонку) – так как для этого даже не нужно будет копаться в коде сайта.
Выбираем в панели управления в левом меню пункт “Внешний вид”, а в нем подпункт “Виджеты”.
Переносим виджет “Текст” в ваш сайдбар справа.
Далее открываем виджет “Текст” в вашем сайдбаре и вставляем туда следующий код:
Нажимаем на кнопку Save.
Разберемся с кодом:
w >align=”” – это тег выравнивания, можете выравнять по левому краю (align=”left”), по правому краю (align=”right”), по центру (align=”center”).
pluginspage=”http://www.macromedia.com/go/getflashplayer” – просто подключается flash плеер.
name=”крестики нолики” – имя, в принципе не играет особой роли.
src=”http://mnogoblog2.16mb.com/wp-content/uploads/2012/06/tictactoe.swf” – самая важная строчка, это адрес к вашему swf файлу с игрой (вот сюда вставляете Url файла, который вы скопировали во 2 шаге данной статьи), данную строчку нужно будет менять, если вы захотите поставить другую игру.
Все готово, теперь на вашем сайте появилась мини игра в сайдбаре.
PS: Можно конечно же вставить игру через iframe вставки (когда на сайтах мини игр вас просят просто скопировать код, имеющий тег IFRAME, и вставить на ваш сайт), но тогда например, при проверки вашего сайта на вирусы через 2ip.ru будет выдавать “Подозрение на вирусы…”, да и поисковики не очень любят сайты с iframe вставками.
С помощью плагина WP-SWFObject можно без проблем вставить данную игру внутрь записей, страничек, более подробно о том как использовать данный плагин описано по следующей ссылке:
http://www.wordpressplugins.ru/media/wp-swfobject.html
Похожие записи:
Как поставить Flash игры на свой сайт : 43 комментария
Спасибо за подробную инструкцию! Искал в инете как правильно поставить игру в сайтбар, ответ нашёл у Вас. Вы абсолютно правы, надо стараться привлечь внимание посетителей сайта, что бы улучшить поведенческий фактор.
наконец то нашла то что искала, подробно, доступно -спасибо огромное!!
Спасибо, давно искала эту информацию!!1
Огромное преогромное спасибо! Нигде больше так понятно не описано и не предложен такой простой код. Всё поставилось с первого раза.
Вставляю код, как указано выше, отображается только белый пустой экран. Подскажите, в чем может быть причина?
Елена, сейчас игра должна появиться!
Просто в коде, который вы скопировали, вот по этому пути src=”mnogoblog2.16mb.com/wp-content/uploads/2012/06/tictactoe.swf” ничего не было и он показывал вам вместо игры пустой экран.
Я обратно вернул файл tictactoe.swf с игрой на прежнее место и игра заработала.
Но для того, чтобы установить другую игру – вам нужно скачать файл (swf) с ней на каком-нибудь игровом сайте, например: “ultimatearcade.com/downloads/”, далее закачать его себе на сайт и уже в коде вместо “mnogoblog2.16mb.com/wp-content/uploads/2012/06/tictactoe.swf” поставить путь до него.
Спасибо за практически бесценную информацию. Реально только на вашем блоге нашел код для вставки флеша, перелопатил до этого прилично.
Вставляю код, он так и появляется на сайте вместо игры. Подскажите, в чем проблема
Код проверил – работает, может вы просто неудачно его скопировали, попробуйте еще раз.
Два часа ставила, и так и эдак.
Может, специальный плагин нужен?
Напишите лучше мне на почту: fotoflab@mail.ru поподробнее:
– на какой сайт устанавливаете.
– куда устанавливаете (виджет, подвал, шапка, запись, страничка, ..)
– код, который пытаетесь вставить.
Только собралась писать на электронку, но тут появилась игра на сайте.
Спасибо огромное за поддержку.
Есть ли у вас инструкции вставлять флэш не в сайдбар, а на отдельную страничку под текстом? Это возможно?
Создайте индивидуальный шаблон для странички, на которой хотите видеть игру, как его создать писал в предыдущих статьях (см. Карту сайта). В его коде, сразу после вывода контента вставьте код игры.
Спасибо! Буду разбираться.
Спасибо!Ну очень полезный сайт!И главное все подробно объясняется.
Вопрос: Я хочу установить игры на отдельную страницу, а в сайдбаре проанонсировать одну. Про сайдбар все понятно.А как установить несколько на страницу?
Спасибо.
Прочитайте статью о том как вставить код на страничку (можно еще через шорткод попробовать) https://mnogoblog.ru/kak-podklyuchit-javascript-v-wordpress
Спасибо большое за инфу!!Щас попробую с помощью этого кода 3D-Рулетку на сайт добавить…))))))Админу респект!
помогите у меня скачений файл просто не откриваетца
Спасибо! так доступно написано. Я вставила игру, она крупновато получилась, я подгоню. Буду читать другие Ваши статьи.
Спасибо тебе Большое! От души!
Всё равно не исчезла ссылка на все игры на их игорном сайте, но для моего это ведь тяжеловато. Получается нет толку от того, что я заменяла их ссылку на свою…. Как быть? Я игру не в виджет, а в страницы поставила.
Кстати, за статью большое спасибо. Подскажите ещё, что за плагин у вас стоит от спама в комментариях, а то замучали уже эти боты.
Вера, по поводу внешней ссылки в игре – по-моемому, поисковикам еще сложно распознавать внешние ссылки во флеш играх, но это временно…
А против спама в комментариях стоит связка плагинов: Akismet (последняя версия) + Spam Free WordPress (версия 1.5.1 – она более старая, но нравится именно из-за того, что там есть пароль, который и защищает сайт):
Прочитайте мою статью – https://mnogoblog.ru/borba-so-spamom-s-spam-free-wordpress
Всем привет подскажите пожалуйста нашел сайт с кодами игр “free-flash.ru/” вот он, етот код просто надо скопировать на сайт, и игра будет работать?
Ну да, или лучше скачать файл .swf себе на хостинг и прописать к нему путь, а то мало ли на этом сайте удалят
Здравствуйте. Хочу, чтоб как у вас в сайтбаре было с играми: нажимаешь на картинку и перекидывает на игру в полном экране. Как это сделать? У меня получается только просто флеш-игра, в которую можно прям в сайтбаре играть XD (она сразу загружается, как обновляешь страницу) Плагин WP-SWFObject установила.
Хочу еще дополнить, я попыталась добавить просто код из ваших игр (из статьи про эти 3 игры) Но у меня игра всё равно просто на самой страничке загружается, прямо в сайтбаре
Ребят,вы можете установить сразу много игр,одним кодом,пройдите по ссылке “webtomat.ru?ref=e384cfb69e54”.
Добрый день. У меня такая проблема: при загрузке swf файла на сайт выдает ошибку: “Файл «tictactoe.swf» не удалось загрузить из-за ошибки
Извините, тип этого файла не разрешён из соображений безопасности”. Подскажите в чем проблема. Спасибо.
Добрый день! У меня на сайте стоят флеш игры – все хорошо, с ноутбука захожу они играют. А вот с планшета и с телефона игры не функционируют. Почему так происходит?
Позвольте вставить и свои пять копеек. Флеш игры загружать себе на хостинг не всякий вебмастер может себе позволить из-за отсутствия места на хостинге. В этом случае могу порекомендовать брать целиком код со сторонних сайтов, например здесь “ongamer.ru/flash-game/go-under” и размещать у себя на страницах.
Скажите пожалуйста, я вставил в записи, а как сделать, чтобы на главной появлялась только тема, а не сама игра, а то сделаю 10 игр, они сразу на главной странице появятся.
Помогите.
Сделал сайт при помощи Dreamweaver, вставил мигающие кнопки сделанные в Flash, загрузил файлы на хостинг. С компьютера все отлично работает, а когда захожу с планшета или телефона просит обновить flash проигрыватель. В чем может быть проблема?? ?
Кнопки делал и AS3 и AS1, пробовал разные версии плеера ставить.
(другие аналогичные сайты с флешем открываются норм)
у меня при загрузке данным способом выдает ошибку, пишет что в целях безопасности нельзя загружать. Помогите пжл. Может отключить что-то надо
Не пойму, как у вас все так просто, может вы каким то плагином дополнительно пользуетесь?, у меня при первой же попытке загрузить файл игры на сайт через медиафайлы пишется “Ошибка,
Извините, тип этого файла не разрешён из соображений безопасности.”
подскажите как решить проблему?
Али, да вы правы – в последних версиях wordpress выдает ошибку при загрузке swf файлов, но ее можно обойти:
– можно прописать код в файле functions.php, более подробно читайте тут: https://mnogoblog.ru/zagruzchik-wordpress-rasshiryaem-vozmozhnosti
– можно воспользоваться ftp загрузчиком (FileZilla, TotalCommander)или же через Менеджер Файлов на хостинге сайта – и закинуть swf на сайт.
– можно установить плагины, расширяющих количество загружаемых форматов, более подробно читайте тут: https://mnogoblog.ru/zagruzchik-wordpress-rasshiryaem-vozmozhnosti
здравствуйте! а как бороться, когда у меня в игрушке задействованы стрелки вверх/вниз и при их нажатии двигается вся страница? )) как-то можно застопорить прокрутку по клавишам на определённой странице? спасибо!
Большое спасибо Константин за ясный и полезный ответ!
АВТОР статьи. Обращаюсь к тебе. Ты САМЫЙ ЛУЧШИЙ В МИРЕ ЧЕЛОВЕЧИЩЕ! Я не знаю как выразить свою благодарность. Поделился статьей во всех соц. сетях. СП-А-СИБО. Ты лучший.
На сайт ПрофиКино “profikino.net” ставил игру что бы люди поиграли, но постоянно какой то конфликт в браузере. И как размер окна игры поменять, так и не понял, если можно на мыло скиньте ответ.
Статья устарела можете обновить, будем благодарны!
Сегодня существует огромное число игровых жанров — от головоломок до ролевых игр. Добавьте браузерную онлайн-игру на ваш сайт, чтобы заинтересовать его посетителей и мотивировать их чаще открывать сайт. Выберите игру, которая находится на надежном сайте и которая не защищена авторскими правами.