Добавление Google Adsense в приложение Meteor

Пробовал несколько методов, но не смог получить рендеринг Google Ad. Цель состоит в том, чтобы быстро разместить рекламу на основе ширины окна. Но я не могу разместить ни одного объявления.Добавление Google Adsense в приложение Meteor

Вот самый надежный метод, который я могу думать:

/* templates.html */ 
<head> 
    <script type="text/javascript"> 
     var googletag = googletag || {}; 
     googletag.cmd = googletag.cmd || []; 
    </script> 
    <script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js">  </script> 
</head> 

<body> 
    <div class="container"> 
     {{> page}} 
    </div> 
</body> 

<template name="page"> 
    <div class="page_ad"></div> 
</template> 

/* client.js */ 
Template.page.rendered = function(){ 
    googletag.cmd.push(function() { 
     googletag.defineSlot('LEADERBOARD', [728, 90], 'AD-CODE-ID').addService(googletag.pubads()); 
     googletag.pubads().enableSingleRequest(); 
     googletag.enableServices(); 
    }); 

    $('.page_ad').html("<div id='AD-CODE-ID' style='width:728px; height:90px;'>"); 

    googletag.cmd.push(function() { googletag.display('AD-CODE-ID')}); 
};

Спасибо за ваше внимание.

источник

2013-02-14 Matt Heindl

У вас есть реактивный материал на этой странице? Кроме того, если вы проверите html с хром (не просматриваете источник страницы, поскольку в нем ничего нет), вы видите '' div id = 'ADD-CODE-ID' st ... 'любые ошибки js в вашем инспекторе webkit/поджигатель? – Akshat

Adsense теперь предлагает (бета-версию) асинхронную версию, которая отлично работает с метеор. Поместите '' на голову, блок 'ins' в шаблоне и строка сценария в отображаемом событии , –

Проверьте здесь решение iframe; Meteor JS: use external script

Проверьте информацию об этом методе против TOS; http://productforums.google.com/forum/#!category-topic/adsense/adsense-basics-and-policies/JP6vrWxFMVg

источник

2013-06-01 02:50:14 Perspective

Можете ли вы завершить свой ответ, добавив пример? –

Вот как я это делаю. You can read more about it in this blog post.

Template.MyAds.rendered = function() { 
    $.getScript("//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", function() { 
    var ads, adsbygoogle; 
    ads = '<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-72414***074839" data-ad-slot="4009***57" data-ad-format="auto"></ins>'; 
    $('.leaderboard').html(ads); 
    return (adsbygoogle = window.adsbygoogle || []).push({}); 
    }); 
};

источник

2014-08-16 21:52:52

gentlenode выключен? Настоящая жалость. Журнал был хорошим ресурсом. –

Я попробовал, но не получил его на работу – mhlavacka

Это был спасатель! Именно то, что мне нужно для загрузки рекламы в моем SPA. –

Добавление Google Adsense в приложение Meteor

ответ

Смежные вопросы