How to solve the LCP Issue/ problem on core web vitals due to google adsense ads?

 

Performance blogs or websites will eventually drop when advertised by third parties such as ads on Google Adsense and other digital advertising. To avoid that, a special method is needed to load ads so that loading or website performance is maintained.

Generally the method used to load ads so as not to affect the performance of the website/blog is to apply lazy load to fish (adsense), therefore here I will give a fairly complete review of lazy load adsense.

You can solved the LCP Issue/ problem on core web vitals due to google adsense ads with Lazy Load Adsense.

Without Lazy Load Adsense your LCP can be poor or higher than 4s. The best LCP is lower than 2,5 s.

What is Lazy Load Adsense?

Lazy load adsense is a lazy loading or smart loading script on adsense ads to reduce the impact of third party code on the website and maintain optimal website performance.

There are several methods for making smart loading on adsense ads including Ad event listeners, Event-based ad requests and Lazy loading, all three of which can be referred to as lazy load adsense.

Why Should You Use Lazy Load Adsense?

Currently there is no better method than lazy load adsense to solve all kinds of website performance issues caused by third party ads.

There are many things that can be solved with lazy load adsense, related to website/blog performance problems, including:

• Third party webfont load
• JavaScript execution time
• Main-thread work
• Impact of third party code, etc

That's why in my title tag it says, lazy load adsense is the best solution for the performance of websites or blogs that are installed with third-party ads.

Immediately I will share the lazy load adsense script with all of you, there are 3 (three) lazy load adsense scripts that I will share and both lazy load scripts are equally good for maintaining the performance of your website and also support auto ads.

Instructions for Using Lazy Load Adsense

How to use the lazy load adsense script is very easy, you only need to install one of the lazy load adsense script codes in the head or body of the website, then remove all adsense javascript library tags from the website/blog template.

Change your adsense script :

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

//or a new version of the javascript library
<script async="async" data-ad-client="ca-pub-1234567890123456" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"/>

//or updated version
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4209467777280582" crossorigin="anonymous"></script>

To :

<script type="text/javascript">//<![CDATA[
var lazyloadads=false;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&false===lazyloadads||0!=document.body.scrollTop&&false===lazyloadads)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-420946777728xxxx";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyloadads=true)},true);
//]]></script>

Change the red text with your adsense publisher code

How the Lazy Load Adsense Script Works ?

Lazy Load Adsense is completely different from lazy load images because basically lazy load adsense is a scroll event listener, the adsense javascript library in the lazy load adsense script will only be loaded or run when the user scrolls your page.

And that means that adsense ads will only appear when the user scrolls through your blog or website, if there is no page scrolling activity from the user, the ad will also not be loaded (not displayed).

Lazy Load Adsense From Adsense Policy Side

Google is very open to implementing lazy loading on their ads (adsense), Please see the google help center entitled "Viewability best practices". On that page, Google recommends the use of lazy load adsense or also known as smart loading.

For detail step by step yo can watch this video below.

 

That means Google doesn't care about the use of lazy laod adsense. But according to google the best practice for implementing lazy load adsense is to use the Google Publisher Tag (GPT).

Reference

https://www.cordialblogger.com/2021/04/lazy-load-adsense.html

https://nanokaryamandiri.com/

How to Adding Google AdMob Ads to an Android application ?

 

AdMob is Google’s advertising platform specifically designed for mobile applications. AdMob allows you to monetize your apps by serving ads selected according to criteria you define. So if you’ve developed an Android app and now you want to make money with your app, in this article I show you how to do it, how to add different ad formats to your apps.

To get started, make sure you have integrated Firebase into your project. If you haven’t already done so, here’s how to do it.

Set up your application in your AdMob account :

1. To get started you need to create an AdMob account or sign in if you already have one.
2. Login to AdMob and open your dashboard. Now, go to Applications> Add an Application> Fill out the information required by AdMob> Click Add, which will generate an AdMob ID for your application.
3. To link your newly added application to Firebase. Select the application, access the application settings and under Application Information you will see an option to link the application to Firebase.
4. Add your AdMob Application ID to your AndroidManifest.xml file by adding the <meta-data>tag. 

<meta-data

    android:name="com.google.android.gms.ads.APPLICATION_ID"

    android:value="ADMOB_APP_ID"

    />

5. Add and initialize the Mobile Ads SDK. Add the dependency of the Google Mobile Ads SDK to            the build.gradle module file

implementation 'com.google.android.gms:play-services-ads:19.1.0'

You must initialize the Mobile Ads SDK, before you can broadcast any type of announcement made in one of your activities at the start of your application. Call this method only once and as soon as possible, ideally at the launch of the application.

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)

        setContentView(R.layout.activity_main)

        MobileAds.initialize(this, "YOUR_ADMOB_APP_ID")

    }

}

Choose an ad format to implement in your application

AdMob offers different ad formats (Banner, Interstitial and Rewarded). You can choose the format that best suits your application’s user experience.

1. Creation of advertising banners

Banner ads take up space in the layout of an application, at the top or bottom of the device screen. They remain on the screen while users interact with the application and may refresh automatically after a period of time. To add a banner ad to one of your activities / fragments, you will need to use AdView . In your layout file, add the following code:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    xmlns:ads="http://schemas.android.com/apk/res-auto"

    tools:context=".MainActivity"

    android:orientation="vertical">

    <com.google.android.gms.ads.AdView

        android:id="@+id/adView"

        android:layout_height="wrap_content"

        android:layout_width="match_parent"

        ads:adSize = "BANNER"

        ads:adUnitId = "ca-app-pub-3940256099942544~3347511713">

    </com.google.android.gms.ads.AdView>

</LinearLayout>

There are two settings to note here adSize which defines the size of your banner, there are different sizes of banners available that need to be viewed and adUnitId is the unique ID that identifies your unique ad block.

Loading an ad

The ad loading is done with the method loadAd() of AdViewclass. it take as parameter a object ot typeAdRequest, which contains execution information (such as targeting information) on a single ad request.

import android.os.Bundle

import androidx.appcompat.app.AppCompatActivity

import com.google.android.gms.ads.AdRequest

import com.google.android.gms.ads.AdView

import com.google.android.gms.ads.MobileAds

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)

        setContentView(R.layout.activity_main)

        MobileAds.initialize(this) {}

        val mAdView = findViewById<AdView> (R.id.adView)

        val adRequest = AdRequest.Builder (). build ()

        mAdView.loadAd (adRequest)

    }

}

2. Creation of interstitial ad

Interstitial announcements are full screen announcements that cover the interface of their host application. When creating interstitial advertisements, we do not need to define a view in your layout file, they can only be created by programming.

Interstitial announcements are requested and displayed by InterstitialAd objects. Start by instantiating InterstitialAd to set its announcement block ID. This is done in the onCreate() method of an activity.

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)

        setContentView(R.layout.activity_main)

        MobileAds.initialize(this) {}

        val mInterstitialAd = InterstitialAd(this)

        mInterstitialAd.adUnitId = "ca-app-pub-3940256099942544/1033173712"

    }

}

Loading ad

To load an interstitial announcement, call the method loadAd() ofInterstitialA object, this method accept a object to typeAdRequest as unique parameter

mInterstitialAd.loadAd(AdRequest.Builder().build())

Showing the Ad

To display an interstitial, use the method isLoaded() to check that the loading is complete, then call show().

clickButton.setOnClickListener {

            if (mInterstitialAd.isLoaded) {

                mInterstitialAd.show()

            } else {

                Log.d("TAG", "The ads wasn't loaded yet.")

            }

        }

For testing purposes, you can use the sample AdMob Application ID provided by Google:

App Id = ca-app-pub-3940256099942544~3347511713

Ads Id  =ca-app-pub-3940256099942544/1033173712

How to quickly get approved by google adsense ?

 

    Google AdSense is a CPC (cost-per-click)-based advertising program that allows website owners to earn revenue from the ads installed. Since its first appearance, many website owners have competed to register as an AdSense publisher in Indonesia. It is proven that until now there have been around 2 million more AdSense publishers spread all over the world and every year it is always increasing.

    Google Adsense can be a great way to make some extra cash. However, it can be difficult to get approved. Here are a few tips to quickly get approved:

1. Make sure your website is well-designed. 

    If your website looks amateur, it will likely be rejected. Improve the appearance of your website. You can do this by changing the color, font used, background and so on. Make your website easy for browsers to load. Make sure there are no errors when the website is loaded. Create a website with the best performance. You can use lighthouse to test your website.

2. Make sure your website is relevant to your keywords. 

    If your website is not related to your keywords, Google may not approve it. Keywords that match your content are important in attracting visitors, if your keywords do not match the content of your website, visitors will be disappointed and leave your website. and maybe these disappointed visitors never come back to visit your website. In addition to having an impact on the loss of visitors, keywords that do not match the content of the website will also have an impact on rejection when you try to flatten your website on Google Adsense.

3. Make sure your website is well-written. 

    Poor grammar and poor writing will likely disqualify your website from being approved. Good article writing can also make your website visitors feel at home for a long time reading your article. It can also attract their interest to come back to visit your website at a later time. You can use tools to write articles such as grammarly and so on so that your article writing results are better.

4. Make sure your website is easy to navigate. 

    Poor navigation will likely disqualify your website from being approved. Do not create circular navigation or hidden navigation that makes it difficult for visitors to access it. Make the navigation simple first. Later, if your website has been approved by Google Adsense, you can change the navigation to your liking

5. Make sure your website is mobile-friendly. 

    Poor mobile design will likely disqualify your website from being approved. Now there are more mobile users than desktop users. So you have to make your website mobile friendly.

6. Create 20 articles of minimum. 

    If  your articles less than 20 articles will likely disqualify your website from being approved. on the grounds of low content value. So make a lot of articles but quality ones, not the results of copy and paste from other websites. Copy paste articles will be rejected by Google Adsense.

7. Use custom domain. 

Use default domain from blogger will likely disqualify your website from being approved.

8. Your domain age must be more than a month. 

If domain age lees than 1 month will likely disqualify your website from being approved.

    Okay, that's enough for now from me, if you have any questions, please comment in the comments column. If something goes wrong I apologize. Hopefully helpful, and thank you.

How to submit blog to Adsense ?

 

Do you know AdSense From Google?

     Google AdSense is an advertising network run by Google that gives us the opportunity to earn money by displaying text, images, videos and other interactive ads on our websites. These ads are targeted by site content and audience, so they are highly relevant.

      Google AdSense is hassle-free because you don't have to deal with advertisers or worry about raising money. Google manages and maintains relationships with advertisers. They collect payments, collect their management fees, and send you the rest of the money.

      AdSense offers cost-per-click (CPC) advertising which means you earn money every time a user clicks on an ad on your website. The amount received per click varies based on various factors.

Advertise on your blog

Important: Advertisements are not allowed on adult blogs. Learn more about the Blogger Content Policy and Terms of Service.

To make money with Blogger, you can show AdSense and other ads on your pages.

Sign up for New AdSense Account

Important: Make sure you complete all the steps before you click Redirect.

1. Sign in to Blogger.
2. In the top left, select a blog.
3. From the menu on the left, click Earnings  Create AdSense account.
   • If your blog isn't currently eligible, learn how to qualify for AdSense.
4. Select the Google email associated with your Blogger account.
5. Fill out AdSense form and click Create account.
6. Enter your payment details and verify your phone number.
7. Click Submit.
   • The system should automatically take you to Blogger to complete the process. If it doesn't, click Redirect.

Tip: If you’re interrupted before you complete the steps, complete steps 1-5 again. If your AdSense homepage says "We're working on setting you up" for more than a few days, click Accept association.

If you have another email AdSense Account

To give access to your account:

1. Sign in to your AdSense account.
2. Click Account.
3. Click Access and authorization, then click User management.
4. Enter the email address of the user you want to share your account with, then click Invite user.

   The user is added to the list with a status of "pending".

5. After the user accepts your email invitation (by clicking the link in the email and associating their Google Account with the AdSense account listed in the invitation) their status changes to "active".
   You can change the user’s access level at any time.

Show ads between your posts

1. Sign in to Blogger.
2. In the top left, choose the blog where you want to show ads.
3. From the menu on the left, click Layout.
4. Based on your template:
   • In "Blog Posts," under "Page Body," click Edit.
   • In "Blog Posts," under "Main," click Edit.
5. Check the box next to "Show Ads Between Posts."
6. Choose the ad format, colors, and how often you want the ads to show up.
7. Click Save. 
8. To save the arrangement, in the bottom right, click Save .

Show ads in the columns

1. Sign in to Blogger.
2. In the top left, choose the blog where you want to show ads.
3. From the menu on the left, click Layout.
4. Under "Sidebar," click Add a Gadget.
5. Next to Adsense, click Add .
6. Configure AdSense and click Save.
7. To save the arrangement, in the bottom right, click Save .

Show ads from other ad services

1. Sign in to Blogger.
2. In the top left, choose the blog where you want to show ads.
3. From the menu on the left, click Layout.
4. Point to the space where you want to show ads and click Add a gadget.
5. In the pop-up window, next to "HTML/Javascript," and click Add .
6. Optional: Enter a title.
7. In the "Content" section, copy and paste the code from the ad service website.
8. Click Save. 
9. To save the arrangement, in the bottom right, click Save .

Review your Blogger earnings report

1. Sign in to Blogger.
2. In the top left, choose a blog to review.
3. From the menu on the left, click Earnings  View earnings.

Tip: To learn what each term on your report means, use the AdSense glossary.

What to do if AdSense doesn't turn on

Important: To check that your account is still active, go to AdSense.

1. Sign in to Blogger.
2. In the top left, choose a blog.
3. From the menu on the left, click Layout.
4. Under the AdSense gadget, click Edit  Save.
5. Repeat step 4 for each AdSense gadget on your blog.
6. At the bottom of the "Blog Posts" gadget, click Edit  Save.
7. To save the arrangement, in the bottom right, click Save .

Set up an ads.txt file

If your blog is monetized with third-party providers or you’ve manually integrated AdSense in your blog, you need to manually set up the content of the ads.txt file. Learn more about ads.txt for AdSense.

1. Sign in to Blogger.
2. In the top left, choose the blog you want to set up.
3. From the menu on the left, click Settings.
4. Under "Monetization," turn on Enable custom ads.txt.
5. Click Custom ads.txt.
6. Copy the settings from your third-party monetization provider and paste them in the text box.
7. Click Save.

Tip: To check the content of your ads.txt file, go to http://<your blog address>/ads.txt.

Reference : www.google.com