इंटरनेट

Google AMP पेज पर Adsense Ads कैसे लगाये

Google AMP पेज पर Adsense Ads कैसे लगाये

जैसे की हमने पहले बताया था की Google AMP Accelerated Mobile Page क्या है और इसके क्या क्या फायदे और नुकसान है .हमने नुक्सान में बताया था की आप एम्प पेज पर ADS शो नहीं कर सकते है. लेकिन आज हम आपको बताएँगे की कैसे आप एम्प पेज पर ADS शो करवा सकते है .

एम्प प्लगइन कोई अड्स शो नहीं करवाता क्यूंकिAMP plugin को ऐसे बनया गया है जिस से कि  हमारी वेबसाइट फ़ास्ट ओपन है .ताकि यूजर आपकी वेबसाइट फ़ास्ट ओपन करे सके और यूजर का डेटा और टाइम दोनों की बचत होती है . लेकिन इसमें  उन बोग्गेर का नुक्सान होता है जिसकी एअर्निंग सिर्फ गूगल एडसेंस की ADS. से होती है

तो जो यूजर अपने एअर्निंग सिर्फ गूगल एडसेंस के द्वारा करता है और अपनी वेबसाइट पर एम्प प्लगइन इस्तेमाल करना चाहता है.तो आज हम इस पोस्ट में आपको बताएँगे की कैसे आप अपने एम्प पेज पर भी अपनी गूगल एडसेंस की ADS. शो करवा सकते है और अपनी एअर्निंग बढ़ा सकते है .

Google AMP पेज पर Adsense Ads कैसे लगाये

AMP पेज पर ADS. दिखने के 2 तरीके है एक तरीका बहुत ही आसान है. इसमें आप को सिर्फ एक प्लगइन इनस्टॉल करना है और अपने Google AdSense की  Ads. का कोड उठा कर उसके अन्दर ऐड कर देना है.

और आप की वेबसाइट के एम्प पेज पर ADS. अपने आप आनी शुरू हो जाएगी लेकिन दूसरा तरीका थोड़ा सा मुश्किल है लेकिन आप इसे भी इस्तेमाल कर सकते है इसमें आप को अपने वेबसाइट की टेम्पलेट को एडिट करना है और उसमे कोड लगाना है जिस से बिना प्लगइन लगाए भी आप की website के  AMP पेज पर गूगल एडसेंस की शो होना शुरू हो जाएगी.

1. Accelerated Mobile Pages Plugin से  Ads लगाये

ये तरीका बहुत ही आसान है सबसे पहले अपनी वेबसाइट में Accelerated Mobile Pages plugin Install करे प्लगइन इनस्टॉल करने के बाद में इसे एक्टिवटे करे.

लेकिन इस से पहले आपकी Website में  AMP Plugin  भी इनस्टॉल और एक्टिवटे होना चाहिए. दोनों प्लगइन एक्टिवटे होने के बाद में Accelerated Mobile Pages की जनरल सेटिंग में जाए. Dashboard >AMP >General Setting >Advertisement 

जैसे की आपको ऊपर फोटो में देख सकते है इसकी जनरल सेटिंग में आपको कहाँ पर क्या करना है. सबसे पहले इसकी जनरल सेटिंग में जाने के लिए आपको अपने dashboard के  Left side bar में  AMP का ऑप्शन दिखेगा उसके ऊपर क्लिक करना है . फिर आप को Avertisement की टैब पर क्लिक करना है और यहाँ पर अपने गूगल एडसेंस  की कुछ डिटेल भरनी है.

Ads. की लोकेशन आप अपने हिसाब से सेलेक्ट करे .

  • Below the Header (SiteWide) :- आपकी पोस्ट में सबसे पहले आपकी वेबसाइट का नाम दिखेगा फिर ये ADS. दिखेगी.
  • Below the Footer (SiteWide)  :- आपकी वेबसाइट के फुटर एरिया में ये ADS. दिखेगी .
  • Above the Post Content (Single Post)  :- आपकी पोस्ट के टाइटल के बाद ये ADS. दिखेगी .
  • Below the Post Content (Single Post)  :- आपकी पोस्ट के बाद मे ये  ADS. दिखेगी .
  • Below The Title (Single Post)  :- ये भी आपकी पोस्ट के टाइटल के बाद शो होगी.
  • Above the Related Posts (Single Post) :- ये पोस्ट और रिलेटेड पोस्ट के बिच में शो होगी.

जो लोकेशन आपके लिए सही हो वाही सेलेक्ट करे . और AD SIZE में Ads का साइज सेलेक्ट करे .जैसे कि ऊपर आपको फोटो में दिखाया गया है. DATA-AD-Client  में अपनी Client ID भरे .

DATA Ad Slot में  Ads का  Code भरे ये सारी जानकारी आपको एडसेंस के कोड में मिलेगी . आप सबसे पहले Adsense का Responsive ads का Code ले. और यंहा डिटेल्स भरके सेव करते ही आपके एम्प पेज पर Ads. शो होनी शुरू हो जाएगी.

बिना Plugin Ads Show करे

बिना प्लगइन Ads शो करने के लिए आपको आपकी वेबसाइट की function.php में नीचे दिया गया कोड रखना है.लेकिन एम्प पेज बानाने के लिए आपको  AMP Plugin install करना पड़ेगा.

और ये कोड लगाने से आपकी वेबसाइट में 2 जगह अड्स शो होगी पहली  Ads पोस्ट के टाइटल के बाद शो होगी और दूसरी Ads. पैराग्राफ के बाद शो होगी.पैराग्राफ आप अपने हिसा से सेट कर सकते है . जैसे की अगर आप 1 पैराग्राफ के बाद एड्स. शो करवाना चाहते है तो कोड में 1 भरेंगे.

/**
 * Add the AMP Ad script to AMP pages.
 */
 function isa_load_amp_adsense_script( $data ) {
 $data['amp_component_scripts']['amp-ad'] = 'https://cdn.ampproject.org/v0/amp-ad-0.1.js';
 return $data;
 }
 add_filter( 'amp_post_template_data', 'isa_load_amp_adsense_script' );
/**

 * Add Google Adsense code to AMP above the content, and within the content

 */

 add_action( 'pre_amp_render_post', 'isa_amp_add_content_filter' );

function isa_amp_add_content_filter() {
 add_filter( 'the_content', 'isa_amp_adsense_above_within_content' );
 }

function isa_amp_adsense_above_within_content( $content ) {

$publisher_id = 'ca-pub-1234567891234567';

$ad_slot = '1234567890';

$ad_code_end = ' type="adsense" data-ad-client="' . $publisher_id . '" data-ad-slot="' . $ad_slot . '"></amp-ad>';

// Above the fold ad code. This is fixed height as per Google guidelines for Adsense for AMP.
 $atf_ad_code = '<amp-ad layout="fixed-height" height="100"' . $ad_code_end;

// Below the fold ad code. This is responsive as per Google guidelines for Adsense for AMP.
 $btf_ad_code = '<amp-ad layout="responsive" width="300" height="250"' . $ad_code_end;

// Insert Adsense ad between the content, after paragraph 2
 $new_content = isa_insert_after_paragraph( $btf_ad_code, 2, $content );

// Insert Adsense ad above AMP content
 return $atf_ad_code . $new_content;

}
 function isa_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
 $closing_p = '</p>';
 $paragraphs = explode( $closing_p, $content );
 foreach ($paragraphs as $index => $paragraph) {
 if ( trim( $paragraph ) ) {
 $paragraphs[$index] .= $closing_p;
 }
 if ( $paragraph_id == $index + 1 ) {
 $paragraphs[$index] .= $insertion;
 }
 }
 return implode( '', $paragraphs );
 }

ये कोड पूरा कॉपी करे अगर कोड का कोई भी वर्ड रहा गया तो ये कोड काम नहीं करेंगे. कोड कॉपी करने के बाद में अपनी वेबसाइट की टेम्पलेट की फंक्शन फाइल को ओपन करे. Appearance > Editor >Function.php

जैसे की आपको ऊपर फोटो में दिखाया गया है . की आपको कोड ?> से पहले पेस्ट करना है .कोड पेस्ट करने के बाद.आप पैराग्राफ भरे कितने पारा ग्राफ के बाद आप Ads शो करवाना चाहते है .

पैराग्राफ भरने के बाद इस कोड की 6th लाइन में publisher_id में   ‘ca-pub-1234567891234567‘ की जगह अपनी पब्लिशर ईद भरनी है जो आपको अपने ादसेने के अड्स. कोड में मिलेगी .और 7th लाइन में “ad_slot” में Adsense नंबर भरना है .कोड भरने के बाद फाइल को अपडेट कर दीजिये.

फाइल अपडेट होते ही आपकी वेबसाइट के एम्प पेज पर Ads शो होने लगेगी.

इन दोनों में से आपको अगर दोनों का इस्तेमाल करना है तो आप इन दोनों का भी इस्तेमाल कर सकते है. इस से आप को ज्यादा फायदा होगा. आप प्लगइन की मदद से Ads अपनी पोस्ट कंटेंट से पहले और बाद में शो करवा सकते है . और  इस कोड की मदद से आप Ads को अपनी वेबसाइट की पोस्ट के बिच में शो करवा सकते है.

10 Comments

  1. functions.php mein ?> this is not there in the END of the code. Also, when I add the two codes in the END it gives a fatal error. Any solution?

  2. functions.php mein ?> this is not there in the END of the code. Also, when I add the two codes in the END it gives a fatal error. Any solution?

  3. functions.php mein ?> this is not there in the END of the code. Also, when I add the two codes in the END it gives a fatal error. Any solution?

  4. I added the code in the end. However as mentioned I selected AD#1 as on and put no data over there. Instead put the publisher ID and ad slot id in the code. Still instead of showing AD between the post, it keeps showing a black spot in the header only.

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button