Angular.js & amp; Adsense

Je suis en train de mettre des annonces sur mon angular.js app, et j'ai fait un peu de lecture et des découvertes qu'il n'est pas possible de simplement copier et coller la normale code adsense.

J'ai entendu dire que vous êtes censés "l'envelopper dans une directive avec une transclusion", et le seul exemple que je peux trouver un autre Stackoverflow post:
AngularJs et social plugin AddThis

Quelqu'un peut aider, donner des conseils sur la façon de le faire avec Google Adsense?

source d'informationauteur David Litwak

  1. 17

    vous avez besoin pour créer une directive 

    yourApp.directive('ads', function() {
    return {
        restrict: 'A',
        templateUrl: 'partiels/adsTpl',
        controller: function(){
            (adsbygoogle = window.adsbygoogle || []).push({});
        }
    };
});

    créer un modèle avec votre code annonces dans mon cas "partiels/adsTpl.html"

    <ins class="adsbygoogle"
 style="display:inline-block;width:300px;height:250px"
 data-ad-client="ca-pub-00000000"
 data-ad-slot="000000"></ins>

    ajouter la directive votre page 

     <div data-ads></div>

    place adSense js appel dans la section head de votre page principale avant d'angularjs 

    <head>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
....

    et voila , c'est un travail parfaitement pour moi

  2. 15

    Vous devriez faire un wrapper de la directive de l'adSense script comme celui-ci...

    <div data-my-ad-sense>
  <!-- Google AdSense -->
  <script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <ins class="adsbygoogle"
       style="display:inline-block;width:728px;height:90px"
       data-ad-client="ca-pub-0000000000"
       data-ad-slot="0000000000"></ins>
  <script>
  (adsbygoogle = window.adsbygoogle || []).push({});
  </script>
</div>

    Et ajouter de la présente directive à vos directives...

    directive('myAdSense', function() {
  return {
    restrict: 'A',
    transclude: true,
    replace: true,
    template: '<div ng-transclude></div>',
    link: function ($scope, element, attrs) {}
  }
})

    C'est le adSense async code.

  3. 2

    Je ne suis pas sûr que faire la chose suivante est valable que pour les adsense T&C.

    supprimer tous les google variables relatives à l'avant de changer l'url

    Object.keys(window).filter(function(k) { return /google/.test(k) }).forEach(
        function(key) {
            delete(window[key]);
        }
    );
  4. 2

    Dans le fichier javascript définir une coutume directive pour google adsense

    window.app.directive('googleAd', [
  '$timeout', function($timeout) {
    return {
      restrict: 'A',
      link: function(scope, element, attr) {
        return $timeout(function() {
          var adsbygoogle, html, rand;
          rand = Math.random();
          html = "<ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-7656700967113967' data-ad-slot='1894787830' data-ad-format='auto'></ins>";
          $(element).append(html);
          return (adsbygoogle = window.adsbygoogle || []).push({});
        });
      }
    };
  }

    Les informations adsense pour la directive ci-dessus est fourni par Google lorsque vous sélectionnez l'annonce.
    Dans la page à afficher ad - utiliser la balise suivante

    <div google-ad=""></div>

    Dans Index.html utiliser le 

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

    Un tutoriel vidéo pour obtenir cette place et en cours d'exécution est fournie ici AngularJS + Adsense

  5. 0

    Dans le AngularJS contrôleur, ajouter un init() fonction, ajoutez une ligne 

    (adsbygoogle = window.adsbygoogle || []).push({});

    Puis appeler cette init() fonction dans votre fichier html.

    Voir aussi

    https://github.com/featen/ags/blob/master/webapp/js/controllers/dict.js