
Вставить код на сайт в тело тегов body и head можно не открывая файлы с html, css и JavaScript кодами, используя плагин Header and Footer.
Часто при установке счетчиков, кнопок, баннеров и т.п. возникает необходимость вставки html, css и JavaScript кодов в файлы header.php, footer.php и др. в тело тегов body и head. Некорректное выполнение этой операции вручную, может повредить сайт и даже полностью нарушить его работоспособность.
Для автоматизации этого процесса создан замечательный плагин Header and Footer. Установите плагин, зайдите в настройки в админпанели и с удовольствием работайте. Он легкий в использовании и имеет следующие функции:
Чтобы увеличить картинку щелкните по ней кнопкой мышки. Чтобы уменьшить щелкните ещё раз.
1. Page Head and Footer (Заголовок и подвал страницы). Добавление кода в заголовок и подвал главной страницы сайта.
Code to be added on HEAD section of the home (код, который надо вставить в заголовок домашней (главной) страницы). Позволяет вставить мета теги, коды рекламных баннеров, кнопок и т.п. в тело тега <head> </head>. Чаще это невидимая часть кода для отсутствия на сайте визуального показа. Результат работы видимой части кода появится над шапкой на главной странице.
Code to be added on HEAD section of every page (код, который надо вставить в заголовок каждой страницы). Добавление кода в тело тега <head> </head> в раздел HEAD. Результат работы видимой части кода появится над шапкой на всех страницах, в том числе и на главной.
Code to be added before the end of the page (код, который надо вставить в конец (подвал) страницы). Добавление кода в подвал на всех страницах перед закрывающим тегом </body>. Это работает только для тем, имеющих подвал и файл footer.php.
Практически все счетчики состоят из двух частей – это коды невидимой и видимой (информер) частей счетчика. Код невидимой части вставляется после открывающегося тега <body>, как можно выше к началу страницы. Для этого можно использовать плагин Post Layout или внести коррекцию непосредственно в файл header.php, подробнее здесь. Код видимой части (информер) вставляется в подвал сайта с помощью плагина Header and Footer перед закрывающимся тегом </body> или в сайдбар с помощью виджета.
2. Post content (содержимое записи). Добавление кода в начало и конец поста на всех страницах категорий, при полном показе поста.
Code to be inserted before each post (код, который надо вставить перед каждой записью). Вставка кода в начале каждого поста (статьи) категории после заголовка, только в том случае, если статья показана полностью.
Code to be inserted after each post (код, который надо вставить после каждой записи). Вставка кода после каждого поста категории.
3. Page content. Добавление кода в начало и конец поста всех статических страниц, при полном показе поста.
Code to be inserted before each page. Вставка кода в начале каждого поста (статьи) статической страницы после заголовка, только в том случае, если статья показана полностью.
Code to be inserted after each page. Код будет вставлен после поста на каждой статической странице.
4. Faceboock. Если добавить метапризнак og:image (протокол Open Graph, с помощью которого можно ввести метаданные в формате Social Graph на страницы ресурса), например список контактов Faceboock, то при нажатии кнопки Faceboock в начале или конце постов, на всех страницах можно управлять выборкой изображения, которое отправится на стену пользователя.
5. Snippets. Имеется возможность задавать отрывки, которые отсылаются на стену пользователя при нажатии кнопки социальных сетей, расположенных в начале или в конце поста. Отрывки отсылаются как [snippet_N], где N – номер отрывка от 1 до 5.
6. Notes and parked codes. Примечания.
После внесения изменений в настройки плагина Header and Footer не забудьте нажать save.
Если сравнивать два плагина Post Layout и Header and Footer, то при вставке информации в посты и страницы на сайте, Post Layout имеет приоритет перед Header and Footer в расположении информации. То есть в начале поста информация плагина Post Layout размещается выше информации Header and Footer, а в конце поста ниже. Но они не взаимозаменяют друг друга, а наоборот, дополняют, так как Post Layout внедряет код рекламы, теги и т.п. ещё и в середине статьи, до и после комментариев, а Header and Footer в описанные в данной статье зоны.
Еще статьи о плагинах:
- Как установить плагины на сайт
- Как вставить рекламу на сайт
- Плагины для сайта
- Необходимые плагины
- Как вывести HTML и другой код в статье
Очень интересная и полезная информация! Действительно, порой нужно ставить код в футер и хедер, а многие не знают как. И тогда эта статья будет очень нужна. Спасибо!
Настолько полезная статья! Это знать просто необходимо тем, у кого есть сайт или блог. А в статье всё очень доходчиво и по шагам разложено!!!
Информация действительно очень нужная! И все очень подробно описано!Спасибо,Надежда!
А я вот только сегодня ночью вставляла вручную код Яндекс Метрика под руководством Михаила Гаврилова
Оптимизировала сайт под Яндекс.
Очень интересная статья. У меня не получается вставить яндекс рекламу в тело статьи, не знаете где про это почитать?
Андрей, попробуйте с помощью плагина Post Layout, описанного в моей статье: “Как вставить рекламу на сайт“
Статья ооочень пригодилась, буду очень благодарен, если подскажите как вы вставляете рекламу и меню с разных сторон ??? не могу на сайте сделать чтобы что-то впихнуть с разных боков…
Игорь, это у меня на сайте установлена тема WordPress, которая называется F2 и включает в себя возможность левого и правого сайдбара. В сайдбары вставляется всё, как обычно, с помощью виджетов.
Хорошо если разбираешься в PHP, я к сожалению этим похвастаться не могу.
Надежда, у меня есть файл functions.php, я установил кучу плагинов, но выводятся все блоки кроме яндекс директ. Если бы я вам скинул этот свой functions.php, могли бы вы мне указать в нем куда именно мне вставлять блоки, чтобы реклама выводилась в начале, конце и середине поста?
Спасибо.
Андрей, ответ на Ваш вопрос, я напишу в новой статье: “Shortcodes WordPress для повышения заработка на рекламных блоках Яндекс Директ и Google AdSense в статьях на сайте”.
Вот ссылка на статью: http://pib9.ru/poleznoe/shortcodes-wordpress-dlya-povysheniya-zarabotka-na-reklamnyx-blokax-yandeks-direkt-i-google-adsense-v-statyax-na-sajte.html
полезный плагин только плохо что на английском
Надежда, я не могу установить кнопку гугл+. Совсем запуталась с кодами. Кнопка видна, но не работает. Этот плагин поможет мне?
Вера, я с помощью этого плагина Header and Footer располагала все коды кнопок социальных сетей, в том числе и google+. Cейчас пишу статью по этому поводу и уже подготовила видеоурок. В течение 2-х дней опубликую эту статью с видеоуроком. Статья будет называться: “Ставим социальные кнопки на сайт. Кнопки социальных сетей для сайта.”
Надежда, жду урока.
Как уже писал, то что мне нужно! Спасибо вам огромное.
Спасибо Вы мне очень помогли видимо не одна я такая кто не разбирается в этих кодах. Трудно лично мне с кодами разбираться.
Надежда добрый день! Все сделала по вашему методу, но у меня не получилось вроде ничего. Не могли бы помочь, я могу выслать скриншот
Людмила, я постараюсь Вам помочь. Опишите в комментариях, что должно было получиться, но не получилось. Удобно вести переговоры в комментариях, потому-что у кого-нибудь может возникнуть та же ситуация и человек, прочитав комментарий будет знать как её разрулить.
Хороший плагин! Не всегда удается поставить корректно код напрямую в редакторе. А с помощью этого плагина можно поставить код не только в хедер и футер, но и на странички.
Доходчиво! Побольше бы такого материала.
У вас хороший блог! Доходчиво
Очень доходчиво, спасибо.
Здравствуйте, установил плагин. Дело в том что мой код находится не в нужном мне месте. Можно ли сделать его в другом месте при помощи плагина и если да, то как?
Денис, код можно размещать в разных местах на сайте. Для этого воспользуйтесь плагинами Header and Footer или Post Layout (http://pib9.ru/poleznoe/kak-vstavit-reklamu-na-sajt.html). Не бойтесь экспериментировать. Вставляйте код в каждую ячейку плагина поочередно, пока не увидите код в нужном месте. Если с помощью плагинов не получите нужный результат, вставьте код непосредственно в нужный файл WordPress. Описание файлов тем WordPress можно почитать в статье http://pib9.ru/sozdanie-sajta-i-bloga/fajly-wordpress-temy-struktura-veb-sajta.html. Удачи Вам!
Да, действительно, очень важный плагин! Не знал о его существовании, пришлось яндекс-метрику ручками вставлять… когда вручную ковыряешься – есть риск сделать сайт недоступным
подпишусь-ка я на Вашу ленту RSS чтоб быть в курсе интересных и познавательных статей!
Спасибо за интересную и полезную информацию.
У меня вопрос:
Я вставил код с помощью какого-нибудь из этих плагинов. Мне надо через некоторое время изменить или удалить этот код. Как его найти?
Kozak, для изменения кода заходите в админпанель, в левом поле находите пункт меню “Настройки”, далее нажимаете “Header and Footer”, находите нужный код, корректируете его или удаляете и нажимаете “Сохранить”.
Спасибо за ответ. На код, вставленный с помощью Post Layout тоже можно перейти из Post Layout?
Да, аналогично, в админпанели пункт меню “Настройки”, далее “Post Layout”, коррекция кода и кнопка “Сохранить”.
Извините, еще вопрос. Код яндекс метрики куда вставлять: Code to be added on HEAD section of the home (1-е окно) или Code to be added on HEAD section of every page (2-е окно)?
Куда вставить код Яндекс метрики подробно описано в моей статье http://pib9.ru/poleznoe/kak-ustanovit-schetchik-poseshhenij-na-sajt.html
Я читал эту статью. Я не совсем понял разницу между Code to be added on HEAD section of the home (1-е окно) и Code to be added on HEAD section of every page (2-е окно).
При вставке в 1-е окно код будет работать только для главной страницы сайта. При вставке во 2-е окно код работает для всех страниц сайта, в том числе и для главной страницы. Поэтому, например, для использования на всех страницах кнопок социальных сетей, код, который необходимо вставить в тело тега head размещайте во 2-м окне. Коды невидимой части счетчиков лучше вручную, без использования плагинов, разместить в файле header.php после открывающего тега body, как описано в статье http://pib9.ru/poleznoe/kak-ustanovit-schetchik-poseshhenij-na-sajt.html. В этом случае они будут работать на всех страницах сайта.