Ninja Space Content Tech Blog

Integrating Google Adsense in a React App

Posted by Ninja Space Content on Tuesday, August 17, 2021 Under: Google Adsense
For several years, I've been embedding Google Adsense on my websites to earn revenue. Part of the process is when I'm adding ads to a new site that I've just launched, I would need to add that site under settings for my Google Adsense account and wait for a review.

My Steps
  1. Go to your Google Adsense account and on the left side, select "Sites." 
  2. Go ahead and add a site here. Embed your code with your publisher ID in the head section of your website.
  3. Then, request Google Adsense to review it. 
  4. You will see this message: "Getting your site ready to show ads Please bear with us! This usually takes a few days, but in some cases can take up to 2 weeks. We'll notify you as soon as we've run some checks on your site. Make sure you don't remove your site and resubmit it because this can delay the process. In the meantime, place the code on every page you want ads to appear. After our checks are complete, your site will be ready to show ads. Remember to go to Ads and choose the ad formats you want to show"
  5. Now, this is the part that you'll need to be patient for awhile. When you check the console of your React App, you'll see this red error in the console "Failed to load resource: the server responded with a status of 403 ()" but don't fret, just be patient. It's because Google Adsense hasn't approved your request yet. When it has approved it, it will go away. 
I'll update this post to let you know how long this particular request took to approve.

Sept 14, 2021 Update: 
I was denied for Adsense for this website for not having enough content! I'm going to follow my own advice when I said, "Don't fret". I was successful with other websites that I've built for so I can make this work in a few months. Here was my denied message below from Google.

"We’ve found some policy violations on your site which means your site isn’t ready to show ads yet. Valuable Inventory: Not enough content It's important for a site displaying AdSense to offer significant value to the user by providing unique and relevant content, and not to place ads on auto-generated pages or pages with little to no original content. This may include, but is not limited to:
  • copying portions of text content from other sources
  • websites dedicated to embedded videos from other hosts
  • websites with gibberish content that makes no sense or seems auto-generated
  • templated or pre-generated websites that provide duplicate content to users."
So let's write more content, guys!

Suggested Rainbow Work Space Accessory:

In : Google Adsense 

Tags: embedding adsense to react app  failed to load resource: the server responded with a status of 403 () 

About Ninja Space Content

Ninja Space Content I have been building simple websites on my own since 2008 and currently run several websites at the moment, including this one. I used to be an account manager for an affiliate/e-commerce company, helping affiliates grow their sales so I have some knowledge on the business side and client side of affiliate marketing. Most recently, I decided to complete a JavaScript coding bootcamp and graduated in Dec 2020.
Note: links to resources and promoting special deals may allow me to earn a small commission from each sale.
Work Station Accessories