คำตอบสั้น ๆ
คุณเพิ่มโค้ดของตัวเองได้สามที่ในตัวสร้างร้านค้า: ส่วน โค้ดที่กำหนดเอง ภายในหน้า การตั้งค่า CSS ที่กำหนดเอง และการตั้งค่า JavaScript ที่กำหนดเองไม่มีช่องสำหรับวางโค้ดในส่วน head ของร้านค้า สำหรับแท็กในส่วน head ให้ใช้แอปที่ตรงกับงาน (ดูรายการด้านล่าง)
เครื่องมือไหนใช้กับงานอะไร
- ยืนยันร้านค้ากับ Google Search Console หรือเพิ่มเมตาแท็ก
google-site-verification: แอป Domain Verifier ซึ่งยังรองรับการยืนยันโดเมนกับ Facebook (Meta), TikTok และ Snapchat ด้วย - Google Analytics, แท็ก Google Ads หรือแท็กใด ๆ ที่คุณจัดการใน Google Tag Manager: แอป Google Tag Manager
- พิกเซล Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X หรือ Google Ads: ดู FacebookTikTokSnapchatChatGPTPinterest และ X หรือ คอนเวอร์ชันของ Google Ads
- ฟีดสินค้าสำหรับ Google Merchant Center: ดู Google Merchant Center และใช้ Domain Verifier สำหรับ Search Console
- ฮีตแมปและการบันทึกเซสชัน: ดู Microsoft Clarity หรือ Contentsquare
- วิดเจ็ตหรือโค้ดฝังภายในหน้า (ฟอร์มจอง วิดีโอ แผนที่): ส่วนโค้ดที่กำหนดเองด้านล่าง
- สไตล์สำหรับทั้งร้านหรือส่วนเดียว: ดู CSS ที่กำหนดเอง
- สคริปต์ที่ทำงานในทุกหน้า: ดู JavaScript ที่กำหนดเอง
ทำไมโค้ดในตัวสร้างร้านค้าจึงใช้ยืนยันเว็บไซต์ไม่ได้
Google, Meta และแพลตฟอร์มอื่น ๆ จะตรวจหาแท็กของตนในส่วน head ของหน้าเมื่อทำการยืนยัน ส่วนโค้ดที่กำหนดเองจะวางโค้ดไว้ในเนื้อหาของหน้า ตรงตำแหน่งที่ส่วนนั้นอยู่ ส่วน JavaScript ที่กำหนดเองจะทำงานในเบราว์เซอร์ของผู้ซื้อหลังจากหน้าโหลดเสร็จ ทั้งสองแบบไม่ได้ใส่แท็กไว้ในส่วน head ตามที่แพลตฟอร์มเหล่านี้ต้องการ การยืนยันจึงไม่ผ่าน Domain Verifier จะเพิ่มแท็กไว้ในตำแหน่งที่ถูกต้องให้คุณ
ส่วนโค้ดที่กำหนดเอง
เป็นส่วนที่เพิ่มได้ในทุกหน้า สูงสุด 2 ส่วนต่อหน้า เปิดแท็บ ส่วนต่าง ๆ คลิก เพิ่มส่วนใหม่ แล้วเลือก โค้ดที่กำหนดเอง ส่วนนี้มีสามช่อง:
- HTML: มาร์กอัปที่แสดงภายในส่วนนี้
- CSS: สไตล์ที่มีผลเฉพาะส่วนนี้ จึงไม่ทำให้ส่วนอื่นของหน้าเสียหาย
- JavaScript: ทำงานทุกครั้งที่ส่วนนี้แสดง โค้ดของคุณจะได้รับส่วนนี้ในชื่อ
containerดังนั้นให้ใช้container.querySelector(...)เพื่อเข้าถึงมาร์กอัปของคุณเอง
คุณยังตั้งค่าความกว้าง ชุดสี และระยะขอบในได้เหมือนส่วนอื่น ๆ ใช้ ใช้กับทุกหน้า เพื่อคัดลอกไปยังหน้าอื่นที่มีส่วนโค้ดที่กำหนดเองอยู่แล้ว
เคล็ดลับ
- ตรวจสอบโค้ดในหน้าตัวอย่างของตัวสร้างร้านค้า จากนั้นเผยแพร่และทดสอบร้านค้าจริงบนทั้งโทรศัพท์และคอมพิวเตอร์
- หากหน้าดูผิดปกติหลังการเปลี่ยนแปลง ให้ลบโค้ดออก เผยแพร่ แล้วค่อย ๆ เพิ่มกลับทีละส่วน
- สคริปต์จากบุคคลที่สามอาจทำให้ร้านค้าช้าลง เพิ่มเฉพาะที่จำเป็น
- ผู้ช่วย AI ที่เชื่อมต่อกับร้านค้าจะเปลี่ยนโค้ดที่กำหนดเองได้ก็ต่อเมื่อเจ้าของร้านอนุญาตเท่านั้น ดู จัดการสิทธิ์ของผู้ช่วย