ดาวน์โหลด google adsense - ดาวน์โหลดซอร์สโค้ด google adsense

google adsense

ซอร์สโค้ดอื่น ๆ

v3.0.0

ดาวน์โหลด

หมายเหตุ: สาขานี้ใช้สำหรับโมดูลที่เข้ากันได้ ของ NUXT 3 Checkout legacy-v2 Branch สำหรับการสนับสนุน NUXT 2

Google Adsense

การรวม Google Adsense สำหรับ Nuxt.js. โฆษณาจะอัปเดตเมื่อใดก็ตามที่เส้นทางการเปลี่ยนแปลง

การตั้งค่า

เพิ่ม @nuxtjs/google-adsense การพึ่งพาโดยใช้เส้นด้ายหรือ npm ในโครงการของคุณ
เพิ่ม @nuxtjs/google-adsense ไปยังส่วน modules ของ nuxt.config.js

 {
  modules : [
    // Simple usage
    [ '@nuxtjs/google-adsense' , {
      id : 'ca-pub-###########'
    } ]
 ]
}

การใช้ตัวเลือกระดับบนสุด:

 {
  modules : [
    [ '@nuxtjs/google-adsense' ]
  ] ,

 googleAdsense : {
    id : 'ca-pub-#########'
  }
}

ใช้ Runtime Config:

 {
  modules : [
    [ '@nuxtjs/google-adsense' ]
  ] ,

  googleAdsense : {
    onPageLoad : false ,
    pageLevelAds : false ,
  } ,

  publicRuntimeConfig : {
    googleAdsense : {
      id : process . env . GOOGLE_ADSENSE_ID ,
      test : process . env . GOOGLE_ADSENSE_TEST_MODE === 'true' ,
    } ,
  } ,
}

รหัสโฆษณาแบบอะซิงโครนัส ( //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js ) จะถูกเพิ่มเข้ามาในส่วน <head> ของหน้าเว็บของคุณโดยอัตโนมัติ

ตัวเลือกการกำหนดค่า

ตัวเลือก	พิมพ์	คำอธิบาย
`id`	สาย	รหัสไคลเอนต์ Publisher Google Adsense ของคุณ (เช่น `ca-pub-#########` ) จำเป็น เมื่อไม่อยู่ในโหมดทดสอบ
`adFormat`	สาย	ตั้งค่ารูปแบบโฆษณาเริ่มต้นทั่วโลก สามารถถูกแทนที่ด้วยอุปกรณ์ประกอบฉากส่วนประกอบ
`analyticsDomainName`	สาย	โดเมนบัญชี Google Analytics (หากเชื่อมโยงการวิเคราะห์กับ Adsense, IE `example.com` )
`analyticsUacct`	สาย	รหัสบัญชี Google Analytics (หากเชื่อมโยงการวิเคราะห์กับ Adsense, เช่น `UA-#######-#` )
`hideFilled`	บูลีน	เมื่อโฆษณาที่ `false` พลาดจะไม่ถูกซ่อนไว้เมื่อโฆษณาที่ไม่ได้เติม `true` จะถูกซ่อนไว้ ค่าเริ่มต้นเป็น `false`
`includeQuery`	บูลีน	เมื่อ `false` มีเพียง `$route.path` จะถูกตรวจสอบสำหรับการเปลี่ยนแปลง หากตั้งค่าเป็น `$route.query` `true` จะถูกนำมาพิจารณาด้วย ค่าเริ่มต้นเป็น `false`
`onPageLoad`	บูลีน	โหลดสคริปต์ Adsense หลังจากโหลดหน้าเว็บ ค่าเริ่มต้นเป็น `false`
`overlayBottom`	บูลีน	เปิดใช้งานโฆษณา Adsense Anchor เพื่อแสดงที่ด้านล่าง ค่าเริ่มต้นเป็น `false` อ้างถึงเอกสาร Adsense สำหรับรายละเอียด
`pageLevelAds`	บูลีน	เปิดใช้งานโฆษณาระดับ Adsense Page ค่าเริ่มต้นเป็น `false` อ้างถึงเอกสาร Adsense สำหรับรายละเอียด
`pauseOnLoad`	บูลีน	หยุดการร้องขอโฆษณาเพื่อขอความยินยอมจากผู้ใช้ในการใช้คุกกี้หรือที่เก็บข้อมูลท้องถิ่นอื่น ๆ ตาม GDPR อ้างถึงเอกสาร Adsense สำหรับรายละเอียด `false` .
`tag`	สาย	ชื่อแท็กส่วนประกอบ Adsense ค่าเริ่มต้นเป็น `adsbygoogle`
`test`	บูลีน	บังคับให้ Adsense เข้าสู่โหมด ทดสอบ (ดูด้านล่าง)

โหมดทดสอบ

โมดูล AdSense จะเปลี่ยนไปใช้โหมด test โดยอัตโนมัติเมื่อเรียกใช้ NUXT ในโหมด dev แต่คุณสามารถเก็บโหมดทดสอบไว้ในการผลิตได้โดยการตั้งค่า test ตัวเลือกการกำหนดค่าเป็น true

โหมดทดสอบใช้รหัสผู้เผยแพร่ทดสอบเพื่อที่คุณจะไม่ละเมิด Adsense TOS

โปรดทราบว่าโดยทั่วไปแล้วโฆษณาทดสอบจะปรากฏเป็นพื้นที่ว่าง แต่จะมีขนาดที่ถูกต้อง (เช่นจะใช้พื้นที่ที่ถูกต้องโดยโฆษณาที่แสดงผล)

การใช้งาน

ใส่ส่วนประกอบ <Adsbygoogle /> ไม่ว่าคุณจะต้องการโฆษณาที่วางไว้ที่ไหน

คุณควรวางส่วนประกอบ <Adsbygoogle /> ในองค์ประกอบคอนเทนเนอร์ที่มีความกว้าง (ขั้นต่ำ /สูงสุด) ที่ระบุและความสูง (ขั้นต่ำ /สูงสุด) (ซึ่งสามารถใช้การสืบค้นสื่อ) หรือใช้สไตล์หรือคลาสบน <Adsbygoogle /> ส่วนประกอบเพื่อ จำกัด โฆษณาให้มีขนาดเฉพาะ (หรือขนาด)

ใช้คุณสมบัติ ad-slot เพื่อระบุค่าสล็อตโฆษณา Google Adsense ของคุณ (ระบุเป็นสตริง)

โปรดดูเอกสาร Adsense สำหรับข้อมูลเพิ่มเติม เอกสารของ Google Adsense

อุปกรณ์ประกอบฉากส่วนประกอบ:

ข้อต่อ	พิมพ์	คำอธิบาย
`ad-slot`	สาย	Google Adsense Adslot เสานี้จำเป็นเมื่อไม่ได้อยู่ในโหมดทดสอบ อ้างถึงบัญชี Adsense ของคุณสำหรับค่าโฆษณา
`ad-format`	สาย	ไม่จำเป็น. อ้างถึงเอกสาร Adsense สำหรับตัวเลือกอื่น ๆ
`ad-style`	วัตถุ	สไตล์ที่จะนำไปใช้กับองค์ประกอบ `<ins>` ที่แสดงผล ค่าเริ่มต้น: `{ display: 'block' }` อ้างถึงเอกสารการเชื่อมโยงสไตล์ Vuejs สำหรับรูปแบบวัตถุ
`ad-layout`	สาย	ไม่จำเป็น. อ้างถึงเอกสาร Adsense
`ad-layout-key`	สาย	ไม่จำเป็น. อ้างถึงเอกสาร Adsense
`hide-unfilled`	บูลีน	ไม่จำเป็น. ซ่อนโฆษณาที่ไม่สำเร็จถ้าเป็นจริง
`page-url`	สาย	ไม่จำเป็น. ตั้งค่า URL หน้าอ้างอิง (ของเนื้อหาที่คล้ายกัน) หากโฆษณาอยู่ในหน้าเว็บที่ต้องมีการตรวจสอบความถูกต้อง เมื่อตั้งค่าเสานี้จะต้องเป็น URL ที่ผ่านการรับรองอย่างสมบูรณ์ (รวมถึงโปรโตคอลและชื่อโฮสต์)
`include-query`	บูลีน	แทนที่ตัวเลือกทั่วโลก `includeQuery` ถึง QUALD แบบต่อโฆษณา ตรวจสอบให้แน่ใจว่าโฆษณาทั้งหมดในหน้ามีการตั้งค่าเดียวกัน
`analytics-uacct`	สาย	รหัสบัญชี Google Analytics (หากเชื่อมโยงการวิเคราะห์กับ Adsense, เช่น `UA-#######-#` ) ค่าเริ่มต้นเป็นค่าที่ระบุในตัวเลือกปลั๊กอิน `analyticsUacct`
`analytics-domain-name`	สาย	โดเมนบัญชี Google Analytics (หากเชื่อมโยงการวิเคราะห์กับ Adsense, IE `example.com` ) ค่าเริ่มต้นเป็นค่าที่ระบุในตัวเลือกปลั๊กอิน `analyticsDomainName`

การอัปเดตโฆษณาอัตโนมัติ

เมื่อใดก็ตามที่เส้นทางของคุณเปลี่ยนไปหรือเป็นทางเลือกหากพารามิเตอร์การสืบค้นเส้นทางของคุณเปลี่ยนไปโฆษณาใด ๆ ที่แสดงจะอัปเดตเช่นเดียวกับที่จะโหลดหน้าเว็บปกติ

ข้อแม้:

ข้อควรระวัง: การโหลดโฆษณาซ้ำโดยพลการ (ที่มีการเปลี่ยนแปลงเนื้อหาหน้าเว็บน้อยที่สุด) อาจส่งผลให้บัญชี Adsense ของคุณระงับ อ้างถึง Adsense สำหรับข้อกำหนดการใช้งานเต็มรูปแบบ
Google ต้องการรวบรวมข้อมูลแต่ละหน้าเมื่อโฆษณาปรากฏขึ้น ตรวจสอบให้แน่ใจว่าไซต์ของคุณ SSR แสดงหน้าใด ๆ ที่โฆษณาปรากฏขึ้น โฆษณาในหน้าเว็บที่ไม่สามารถคลานได้จะไม่ปรากฏ
เมื่อวางโฆษณาบนหน้าเว็บที่ต้องการการตรวจสอบสิทธิ์ให้ตั้งค่า page-url บนส่วนประกอบ <Adsbygoogle /> URL ของหน้าบนเว็บไซต์ของคุณที่สามารถเข้าถึงได้สาธารณะซึ่งจะมีเนื้อหาที่คล้ายกัน /เกี่ยวข้อง

พื้นหลัง

โมดูลนี้ใช้เทคนิคที่พัฒนาโดยทีม Angular (ด้วยความช่วยเหลือจาก Google Adsense) เพื่อจัดการการอัปเดตโฆษณาบนเว็บแอปพลิเคชันแบบก้าวหน้า:

https://github.com/leonardteo/google-ads-test-angularjs
https://groups.google.com/forum/#!topic/angular/eyvo4xu04uk

ทุกครั้งที่มีการร้องขอโฆษณาใหม่พารามิเตอร์ AdSense data-ad-region จะได้รับการอัปเดตเป็นค่าสุ่ม ด้วยเหตุนี้คุณจึงไม่สามารถตั้งค่าแอตทริบิวต์ data-ad-region บนองค์ประกอบ <Adsbygoogle />