#7 setup google adsense

timofeysie · Sep 3, 2021 · f498ca9 · f498ca9
1 parent 1d56428
commit f498ca9
Show file tree

Hide file tree

Showing 4 changed files with 173 additions and 4 deletions.
diff --git a/docs/trendy-ads.md b/docs/trendy-ads.md
@@ -0,0 +1,92 @@
+# Trendy Ads
+
+## AdSense
+
+Here are the initial notes.
+
+1. Create space for a leaderboard top banner.
+2. Have a sidebar for a rectangular or skyscraper banner.
+3. Find a spot under your main header for link units.
+4. Add a horizontal banner  at end of your content.
+
+Use Responsive ad sizes, it adjusts with Mobile (most of your traffic)
+
+Use ad Border and Ad Background to your site Background.
+
+Always use text ads: If you want to get a high Click-through rate then you need to must add text plus link ads, they have high CPC if your traffic is coming from tier 1 countries.
+
+Add page-level ads to your site
+
+Convert your Cheap traffic to premium traffic
+
+Source: https://www.quora.com/How-much-money-can-I-make-from-AdSense-with-1000-visitors-per-day 
+
+1000 visitor CTR 1% = click per 100 views = 10 clicks = $15 per 1000 visitors. 
+
+4,000 visitors per day at $2, from Asian Countries = #Traffic from a Developed Country 
+
+US/UK $7 per 1000 page views 
+
+https://www.adpushup.com/blog/whats-causing-the-sudden-drop-in-your-adsense-earnings-ctr-and-rpm/ 
+
+section targeting tags.
+
+This is done with the following tags:
+
+< !– google_ad_section_start –>The most relevant text, the text you want to have AdSense target when selecting ads, should be placed within these tags< !– google_ad_section_end –>
+
+Fond out what keywords are paying well and Target different keyword to match campaign goals
+
+## Getting started
+
+### Create new ad unit
+
+#### Recommended - Display ads
+
+A great all-rounder that’s designed to work well anywhere. Learn more
+
+#### Native - In-feed ads
+
+Match the look of your site and fit in-between posts and listings. Learn more
+
+#### Native - In-article ads
+
+Also match your site and work well with articles and content pages. Learn more
+
+"Your ad units are not displaying ads because you haven't provided your account payments information yet."
+
+When I action the alert, there is no option to provide account payments information.
+
+The steps for this are:
+
+How to set up your form of payment
+1. Sign in to your AdSense account.
+2. Click Payments.
+3. Click Manage payment methods.
+
+The answer for missing payment methods is:
+
+*You can only add a payment method once you have sufficient funds on the payments page in your AdSense account. If you only started on YT this month, your earnings won't transfer to AdSense until after the month is over (it would be between August 7th and 10th).*
+
+But how can I get any ad money if there are no ads displaying?  It's a catch 22.
+
+https://www.google.com/adsense/new/u/0/pub-5982203067051759/payments
+
+breakingart.com not available.
+aivsart.com is available.
+
+A.I. vs. Art
+
+Google AdSense home
+https://www.google.com/adsense/new/u/0/pub-5982203067051759/onboarding
+
+Cloud DNS API
+https://console.cloud.google.com/apis/api/dns.googleapis.com/overview?project=arctic-dynamo-324016
+
+Google Cloud Platform CLoud Domains
+https://console.cloud.google.com/net-services/domains/registrations/list?project=arctic-dynamo-324016
+
+The Firebase Hosting console
+https://console.firebase.google.com/project/trendy2022/hosting/sites
+
+The status for aivsart.com still says "needs setup".
diff --git a/docs/trendy-client-layout.md b/docs/trendy-client-layout.md
@@ -35,6 +35,25 @@ Just add our own panel on the right and use that.
 
 In mobile view, the panel should disappear and the footer should appear (or grow).
 
+## Re-usable container and presentational components
+
+Containers are smart
+Components are dumb and just have input/output and layout
+
+This is how it was done for auth.
+
+```txt
+>nx generate @nrwl/angular:component containers/login --project=auth
+>nx generate @nrwl/angular:component components/login-form --project=auth
+```
+
+This is how we can do it for cards.
+
+```txt
+nx g @nrwl/angular:component  containers/picture-cards/picture-cards --project=pictures
+nx g @nrwl/angular:component  components/picture-card/picture-card --project=pictures
+```
+
 ## Git issue
 
 Git fatal: failed to resolve HEAD as a valid ref.

diff --git a/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.html b/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.html
@@ -1,5 +1,22 @@
 <mat-toolbar color="primary" fxLayout="row">
   <h1>BREAKING ART</h1>
+  <script
+    async
+    src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5982203067051759"
+    crossorigin="anonymous"
+  ></script>
+  <!-- Header ad -->
+  <ins
+    class="adsbygoogle"
+    style="display: block"
+    data-ad-client="ca-pub-5982203067051759"
+    data-ad-slot="4193264093"
+    data-ad-format="auto"
+    data-full-width-responsive="true"
+  ></ins>
+  <script>
+    (adsbygoogle = window.adsbygoogle || []).push({});
+  </script>
 </mat-toolbar>
 <mat-sidenav-container>
   <mat-sidenav
@@ -9,17 +26,54 @@ <h1>BREAKING ART</h1>
     [opened]="(isHandset$ | async) === false"
     md-theme="default"
   >
-    <button mat-button class="menu-button">
-      <span>Ad</span>
+    <button mat-button color="primary" class="menu-button">
+      <span><a class="nav-link" href="/home">Home</a></span>
     </button>
+    <script
+      async
+      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5982203067051759"
+      crossorigin="anonymous"
+    ></script>
+    <!-- Skyscraper ad -->
+    <ins
+      class="adsbygoogle"
+      style="display: block"
+      data-ad-client="ca-pub-5982203067051759"
+      data-ad-slot="1339870047"
+      data-ad-format="auto"
+      data-full-width-responsive="true"
+    ></ins>
+    <script>
+      (adsbygoogle = window.adsbygoogle || []).push({});
+    </script>
   </mat-sidenav>
   <mat-sidenav-content
     class="content mat-elevation-z8"
     [ngClass]="{ 'nav-open': (isHandset$ | async) === false }"
   >
     <ng-content></ng-content>
-    <mat-toolbar color="primary" class="footer" *ngIf="(isHandset$ | async) === true">
-      <span>Footer ad</span>
+    <mat-toolbar
+      color="primary"
+      class="footer"
+      *ngIf="(isHandset$ | async) === true"
+    >
+      <script
+        async
+        src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5982203067051759"
+        crossorigin="anonymous"
+      ></script>
+      <!-- Footer ad -->
+      <ins
+        class="adsbygoogle"
+        style="display: block"
+        data-ad-client="ca-pub-5982203067051759"
+        data-ad-slot="7254541707"
+        data-ad-format="auto"
+        data-full-width-responsive="true"
+      ></ins>
+      <script>
+        (adsbygoogle = window.adsbygoogle || []).push({});
+      </script>
     </mat-toolbar>
   </mat-sidenav-content>
 </mat-sidenav-container>
diff --git a/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.scss b/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.scss
@@ -17,6 +17,10 @@ mat-sidenav {
     margin-right: 216px !important;
 }
 
+.nav-link {
+    color: white;
+}
+
 .content {
     box-shadow: none;
     font-size: 2rem;