Установка кода метрики и Google Analytics в шаблон форума SMF 2.0

Установка метрики и гугл аналитики на SMF 2.0После обновления форума до версии SMF 2.0, был загружен стандартный шаблон и код метрики был удален.

В данной публикации мы разместим код метрики от яндекса и Google Analytics в коде шаблона SMF 2.0.
Сделаем все это на примере форума «СеровВеб».

Тема которая идет с форумом по умолчанию, расположена в папке:
/forum.serovweb.ru/www/Themes/default

Вот как выглядит код метрики:
[html] <!— Yandex.Metrika counter —>
<div style="display:none;"><script type="text/javascript">
(function(w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter490114 = new Ya.Metrika({id:490114,
clickmap:true,
trackLinks:true});
}
catch(e) { }
});
})(window, "yandex_metrika_callbacks");
</script></div>
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script>
<noscript><div><img src="//mc.yandex.ru/watch/490114" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!— /Yandex.Metrika counter —>
[/html]

Для вставки открываем файл index.template.php на 360 строке ( Или воспользуйтесь поиском чтобы найти где находятся закрывающие теги в данном файле).
[html] </body></html>
[/html] Код метрики должен быть установлен перед ними.

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

Код гугл аналитики устанавливается рядом с кодом метрики яндекса.

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

Вот мой код гугл аналитики для вставки на форум:
[html] <script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push([\’_setAccount\’, \’UA-11445554-3\’]);
_gaq.push([\’_trackPageview\’]);

(function() {
var ga = document.createElement(\’script\’); ga.type = \’text/javascript\’; ga.async = true;
ga.src = (\’https:\’ == document.location.protocol ? \’https://ssl\’ : \’http://www\’) + \’.google-analytics.com/ga.js\’;
var s = document.getElementsByTagName(\’script\’)[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
[/html] как вы видите все ковычки экранированы.

Если есть вопросы пишите.

4 комментария

Добавить комментарий для UnikDesign Отменить ответ

Your email address will not be published. Required fields are marked *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.