Поставить свою игру на хостинг

Как установить флеш игру на сайт в режиме 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/.

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

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

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

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

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

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

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

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

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

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

2. Раздражение — это я еще мягко написал, но если другими словами, то это очень напрягает когда на каждой странице одна и та же игра. Можно просто сделать одну страницу и просто в статьях какой то придумать привлечение, чтоб перейти поиграть.

Ну вообщем с этим понятно, давайте разберем саму установку. Я предлагаю скачать игру на одном хорошем сайте www.kongregate.com . Здесь выберите себе ту игру, которая вам нравится и нажмите плей. Вот я одну выбрал, например Kingdom Rush:

В красный квадрат я обвел саму игру. Теперь жмем правой кнопкой мыши то темной страничке а не по игре, и выбираем «Просмотр кода элемента»

Ну вод сам код, теперь нужно его скопировать, жмем на строчку где начинается object, также правой кнопкой и выбираем Edit as HTML:

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

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

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

И вот видео в подкрепление материала )

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