วิดเจ็ตแรกของคุณ

เลือกวิดเจ็ต คัดลอกโค้ดฝัง แล้วปรับแต่งตามต้องการ

1. เปิดแค็ตตาล็อกวิดเจ็ตและเลือกมุมมองที่ต้องการ ใช้เครื่องมือสร้างเพื่อเลือกทีม ลีก การแข่งขัน หรือแมตช์
2. ลงชื่อเข้าใช้และเลือกแพ็กเกจสำหรับนักพัฒนาเมื่อจำเป็น คัดลอกโค้ดฝังที่เสร็จสมบูรณ์ รวมถึงโทเค็น คลาส iframe และสคริปต์ปรับขนาด
3. วางโค้ดฝังลงในบล็อก HTML บนเว็บไซต์ สำหรับ WebView แบบเนทีฟ ให้ใช้ URL ของวิดเจ็ตและกำหนดค่าแอปโฮสต์ให้รองรับวิดีโอและโหมดเต็มหน้าจอ
4. ปรับเฉพาะค่ากำหนดที่วิดเจ็ตนั้นรองรับ ทดสอบบนอุปกรณ์เคลื่อนที่และใช้โทเค็นบัญชีเดียวกับที่จะใช้จริง

<iframe id="football-widget"
  title="Football scores"
  src="https://www.scorebat.com/embed/livescore/?token=YOUR_EMBED_TOKEN"
  style="display:block;width:100%;height:760px;border:0"
  allow="autoplay; fullscreen"
  allowfullscreen>
</iframe>

การทำงานของค่ากำหนด

การตั้งค่าสี่ประเภทที่มีขอบเขตการใช้งานต่างกัน

พารามิเตอร์ URL คือ pref ในรูปเอกพจน์ โดยมีข้อมูล JSON ที่เข้ารหัสสำหรับ URL ไม่ใช่ Base64 ใช้ค่าบูลีน true และ false ไม่ใช่สตริงอย่าง "true" คีย์ที่ไม่รู้จักไม่ถือเป็นวิธีปรับแต่งที่รองรับ

const url = new URL("https://www.scorebat.com/embed/standings/team/chelsea/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  language: "en",
  tableview: "nearby",
  tableneighbors: 2,
  nomaxwidth: true
}));
// URLSearchParams performs the URL encoding once.
const iframe = document.querySelector("#football-widget");
iframe.src = url.toString();

เมื่อแก้ไข URL ที่มีอยู่ ให้แยกวิเคราะห์ JSON ใน pref เปลี่ยนคีย์ที่ต้องการ แล้วแปลงกลับเป็นสตริงอีกครั้ง ห้ามต่อ JSON ที่ไม่ได้ Escape หรือเข้ารหัสค่าที่เข้ารหัสแล้วซ้ำอีกครั้ง

ระบบอาจแยกวิเคราะห์ค่ากำหนดได้สำเร็จ แต่ค่านั้นจะไม่มีผลหากวิดเจ็ตที่เลือกไม่ได้ใช้งานค่าดังกล่าว ส่วนของวิดเจ็ตแต่ละรายการด้านล่างระบุค่ากำหนดที่รองรับและข้อยกเว้นสำคัญ

ค้นหาเนื้อหาที่ต้องการ

ใช้รายการจริงที่เลือกจากตัวสร้าง และคงประเภทเอนทิตีไว้

รูตทีมและทัวร์นาเมนต์ใช้ตัวระบุที่ตัวสร้างส่งออกมา Slug อย่าง chelsea หรือ england-premier-league เป็นเพียงตัวอย่างที่อ่านเข้าใจง่าย ห้ามสร้างตัวระบุด้วยการเปลี่ยนชื่อที่แสดงให้เป็นตัวพิมพ์เล็ก รูตการแข่งขันต้องใช้ตัวระบุการแข่งขันจากตัวเลือกการแข่งขันหรือ matchviewUrl ที่มีอยู่ในผลลัพธ์ที่ส่งกลับ

การแข่งขันหมายถึงการแข่งขันหรือรอบใดรอบหนึ่ง ส่วนลีกใช้จัดกลุ่มการแข่งขันที่เกี่ยวข้องกัน ตัวเลือกแบบรวมจะเลือกประเภทที่เหมาะสม โดยลีกและการแข่งขันไม่สามารถใช้แทนกันได้

ตัวสร้าง World Cup เป็นค่าที่ตั้งไว้ล่วงหน้าบนวิดเจ็ตลีก แถบคะแนน แผงวิดีโอ และการแข่งขันชุดเดียวกัน ให้ใช้รายการที่เลือกจากตัวสร้างปัจจุบันแทนนามแฝงทัวร์นาเมนต์เก่า

การปรับขนาดแบบตอบสนอง

เลือกสคริปต์ตัวช่วยให้ตรงกับวิดเจ็ต

<iframe title="Football widget"
  class="_scorebatEmbeddedPlayer_"
  src="https://www.scorebat.com/embed/team/chelsea/?token=YOUR_EMBED_TOKEN"
  allow="autoplay; fullscreen" allowfullscreen
  style="display:block;width:100%;height:760px;border:0"></iframe>
<script src="https://www.scorebat.com/embed/embed.js?v=arrv"
  id="scorebat-jssdk"></script>

<iframe title="Football videos"
  class="_scorebatEmbeddedPanel_"
  src="https://www.scorebat.com/embed/videopanel/?token=YOUR_EMBED_TOKEN"
  allow="autoplay; fullscreen" allowfullscreen
  style="display:block;width:100%;height:800px;border:0"></iframe>
<script>
  window.SCOREBAT_OPTIONS = {
    panelClassName: "_scorebatEmbeddedPanel_",
    panelSizing: "responsive"
  };
</script>
<script src="https://www.scorebat.com/embed/panelx.js?v=f4fksn"
  id="scorebat-paneljs"></script>

โหลดตัวช่วยแต่ละตัวเพียงครั้งเดียวต่อหน้า โดยวางหลังองค์ประกอบ iframe ที่ต้องจัดการ และคงคลาส iframe ที่ตรงกันไว้ ในแอปที่เรนเดอร์ฝั่งไคลเอนต์ ให้ติดตั้งองค์ประกอบ iframe ก่อนแทรกตัวช่วย อย่าคาดว่าสตริงสคริปต์ที่ใส่ลงใน HTML จะทำงานโดยอัตโนมัติ

แถบสกอร์ใช้ความสูงของแถบแบบคงที่ สำหรับแผงขนาดคงที่หรือโค้ดฝังที่มีความสูงคงที่แบบอื่น ให้ละเว้นการปรับขนาดอัตโนมัติและกำหนดขนาด iframe ใน CSS ค่า nomaxwidth ภายในจะไม่ปรับขนาด iframe

สี การเข้าถึง และการตั้งค่าบัญชี

แยกค่ากำหนดเฉพาะอินสแตนซ์ออกจากการตั้งค่าที่บันทึกไว้

ตัวสร้างบันทึกสีพื้นหลังเป็นการตั้งค่า ui.color ของบัญชี และบันทึกสีแถบคะแนนเป็น ui.barColor นอกจากนี้ยังอาจเพิ่มสไตล์สีพื้นหลังให้ iframe การใส่ color หรือ barColor ไว้ใน pref จะไม่กำหนดธีมภายในของวิดเจ็ต

สีที่บันทึกไว้จะใช้กับทั้งบัญชีและต้องมีสิทธิ์การปรับแต่งที่เกี่ยวข้อง การเปลี่ยนสีอาจส่งผลต่อโค้ดฝังอื่นที่ใช้บัญชีเดียวกัน ตัวอย่างในเครื่องมือสร้างอาจแสดงสไตล์สาธิต โปรดตรวจสอบโค้ดฝังที่ส่งออกด้วยโทเค็นจริงของคุณ

การซ่อนส่วนหัวเนื้อหาด้วย noheader ต้องมีสิทธิ์ใช้งานแบบไม่มีโฆษณา การนำแบรนด์ออกเป็นสิทธิ์อีกประเภทหนึ่ง ค่ากำหนดไม่สามารถปลดล็อกฟีเจอร์แบบชำระเงิน ยกเลิกข้อจำกัดของแพ็กเกจ หรือบังคับให้แสดงเนื้อหา AI ที่ไม่มีให้ใช้งานได้

บัญชีที่มีสิทธิ์สามารถกำหนด URL นำทางสำหรับแมตช์ ทีม ลีก และการแข่งขันได้ในการตั้งค่าบัญชี ค่าเหล่านี้เป็นค่ากำหนดลิงก์ที่บันทึกไว้ ไม่ใช่คีย์ pref ใดๆ ควรใช้การนำทางมาตรฐานจากเครื่องมือสร้าง เว้นแต่จะกำหนดค่าและทดสอบการเชื่อมต่อแบบกำหนดเองแล้ว

การโหลดวิดเจ็ตหรือเครื่องเล่นแบบไม่มีโฆษณาจะใช้โควตาสำหรับนักพัฒนาร่วมกับการเรียก Video API ที่มีค่าใช้จ่าย การเรียก API ที่มีค่าใช้จ่ายหนึ่งครั้งใช้ห้าเครดิต ส่วนการโหลดวิดเจ็ตหรือเครื่องเล่นแบบไม่มีโฆษณาหนึ่งครั้งใช้หนึ่งเครดิต ตรวจสอบแพ็กเกจที่ใช้งานและปริมาณการใช้งานในบัญชี หากใช้เกินโควตา ระบบอาจนำข้อจำกัดของแพ็กเกจฟรีกลับมาใช้

แท็บและการนำทางแบบกำหนดเอง

แท็บเริ่มต้นและปลายทางแบบกำหนดเองใช้การตั้งค่าแยกกัน

วิดเจ็ตแบบเต็มสำหรับแมตช์ ทีม ลีก และการแข่งขันสามารถเปิดในแท็บที่เลือกได้ tab เป็นพารามิเตอร์คิวรีแยกต่างหาก ไม่ใช่คีย์ภายใน pref ฟีเจอร์นี้ต้องมีสิทธิ์ใช้งานแบบไม่มีโฆษณาที่ยังใช้งานอยู่ และแท็บที่ขอต้องพร้อมใช้กับเนื้อหาที่เลือกด้วย

const url = new URL("https://www.scorebat.com/embed/team/chelsea/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("tab", "fixtures");
url.searchParams.set("pref", JSON.stringify({language: "en", nomaxwidth: true}));

ฐาน URL สำหรับการนำทางแบบกำหนดเองจะบันทึกเป็นค่ากำหนดของบัญชี ได้แก่ matchviewUrl, teamUrl, competitionUrl และ leagueUrl ในกรณีที่รองรับ วิดเจ็ตจะเพิ่มตัวระบุที่เลือกและเครื่องหมายทับต่อท้ายฐานที่กำหนดไว้ ใช้ฐานที่ลงท้ายด้วยเครื่องหมายทับ และตรวจสอบว่าปลายทางรองรับเส้นทางนั้น

เมื่อเปิดป๊อปอัปแบบกำหนดเองที่ตั้งค่าไว้ โดยปกติวิดเจ็ตจะเพิ่ม sbprf ซึ่งมี JSON ที่เข้ารหัสสำหรับ URL พร้อมภาษาปัจจุบัน ปลายทางของคุณสามารถอ่านพารามิเตอร์นั้นและส่งภาษาที่รองรับไปยังวิดเจ็ตของปลายทางได้ โดยค่านี้ไม่ใช่สำเนาค่ากำหนดทั้งหมดจากต้นทาง

การตั้งค่าโดเมนแบบกำหนดเอง

ให้ผู้เข้าชมอยู่บนเว็บไซต์ของคุณเมื่อเปิดดูแมตช์ การแข่งขัน ลีก และทีม ใช้ได้กับแพ็กเกจ Advanced และ Enterprise

ฟีเจอร์นี้เชื่อมโยงลิงก์ของวิดเจ็ตไปยังหน้าที่คุณโฮสต์เอง โดยไม่ได้ย้ายบริการของ ScoreBat ไปยังโดเมนของคุณและไม่ต้องเปลี่ยน DNS เซิร์ฟเวอร์ของคุณต้องแสดงวิดเจ็ตที่เหมาะสมในทุก URL ที่รองรับ

1. สร้างหน้าโฮสต์หนึ่งหน้าที่มีตัวโหลดด้านล่าง แทนที่ YOUR_EMBED_TOKEN ด้วยโทเค็นฝังของคุณจากตัวสร้าง
2. กำหนดค่าการเขียนเส้นทางใหม่ภายใน เพื่อให้แต่ละพาธที่รองรับแสดงหน้านี้ โดยยังคง URL เดิมและสตริงคำค้นหาไว้ในเบราว์เซอร์
3. ทดสอบ URL จริงของแมตช์ การแข่งขัน ลีก และทีม ก่อนเปิดใช้งานลิงก์สำหรับทั้งบัญชี
4. ในบัญชี ให้เปิดการตั้งค่าสำหรับนักพัฒนาและป้อน URL ฐาน ตรวจสอบการเปลี่ยนแปลง ยืนยันว่าคุณได้ทดสอบหน้าแล้ว และบันทึก ลิงก์จะมีผลทันทีหลังบันทึกสำเร็จ โดยไม่ต้องรอการอนุมัติด้วยตนเอง

<script>
window.SCOREBAT_OPTIONS = {
  embedToken: "YOUR_EMBED_TOKEN",
  baseDir: "/"
};
</script>
<script src="https://www.scorebat.com/embed/embedx.js?v=vh2"></script>

ตัวโหลดที่ใช้ร่วมกันรองรับชื่อพาธ matchview, competition, league และ team พาธอย่าง /match/123/ ต้องใช้ตรรกะการกำหนดเส้นทางของคุณเองเพื่อเชื่อมโยงไปยังวิดเจ็ตฝัง matchview การเปลี่ยนชื่อ URL เพียงอย่างเดียวยังไม่เพียงพอ

RewriteEngine On
RewriteRule ^(?:matchview|competition|league|team)/[^/]+/?$ popup.html [L]
# Place popup.html at the website root.
# Keep these rules before a general application catch-all.

location ~ ^/(matchview|competition|league|team)/[^/]+/?$ {
    rewrite ^ /popup.html last;
}
# Serve /popup.html as an existing static file in this server.
# Adapt this example to your application routing before reloading Nginx.

สำหรับไดเรกทอรีย่อย เช่น /football/ ให้ใช้ baseDir: "/football/" กำหนดเส้นทาง /football/matchview/... และอีกสามพาธไปยังหน้าที่ใช้ร่วมกัน และบันทึก URL ฐานโดยใช้คำนำหน้า /football/ เดียวกัน คงพารามิเตอร์คำค้นหาไว้ รวมถึง sbprf ซึ่งใช้เก็บค่ากำหนดการนำทาง

ตัวโหลดสามารถอัปเดตชื่อหน้าโฮสต์ได้ ตั้งค่า noTitle: true ใน SCOREBAT_OPTIONS หากเว็บไซต์ของคุณจัดการชื่อหน้าเอง ใช้ตัวระบุจริงจากตัวสร้าง เนื่องจากตัวยึดตำแหน่งไม่ใช่เนื้อหาที่ใช้ได้

การตั้งค่า WordPress

แสดงหน้า WordPress เดียวกันในแต่ละเส้นทางของวิดเจ็ต

1. สร้างหน้า WordPress สำหรับโฮสต์วิดเจ็ตและเพิ่มสคริปต์หน้าโฮสต์ที่ใช้ร่วมกันจากส่วนก่อนหน้า ใช้โทเค็นฝังของคุณเอง
2. ค้นหา ID ของหน้าใน URL ของตัวแก้ไข แล้วแทนที่ 123 ในตัวอย่างด้านล่าง ใส่โค้ดไว้ในปลั๊กอินเว็บไซต์ขนาดเล็กหรือธีมลูก ไม่ใช่ธีมหลักที่อาจถูกเขียนทับเมื่ออัปเดต
3. บันทึก การตั้งค่า → ลิงก์ถาวร หนึ่งครั้งหลังเพิ่มหรือแก้ไขกฎการเขียนเส้นทางใหม่ อย่าล้างกฎการเขียนเส้นทางใหม่ทุกครั้งที่มีคำขอ
4. เปิด URL จริงสำหรับเนื้อหาทั้งสี่ประเภท และยืนยันว่าวิดเจ็ตที่ถูกต้องโหลดขึ้นมา ก่อนบันทึก URL ฐานในบัญชี

<?php
// Put this in a small plugin or child theme functions.php.
// Omit the opening PHP tag if the file already has one.
function scorebat_custom_widget_routes() {
    $page_id = 123; // Replace with your widget host page ID.
    add_rewrite_rule(
        '^(matchview|competition|league|team)/[^/]+/?$',
        'index.php?page_id=' . $page_id,
        'top'
    );
}
add_action('init', 'scorebat_custom_widget_routes');

บทบาทผู้ใช้ ตัวแก้ไข และแพลตฟอร์มโฮสติ้ง WordPress บางประเภทจะลบแท็กสคริปต์ออกจากบล็อก HTML แบบกำหนดเอง หากตัวโหลดหายไป ให้ผู้พัฒนาของคุณเพิ่มผ่านปลั๊กอินเว็บไซต์ที่เชื่อถือได้หรือเทมเพลตหน้า และเพิ่มเฉพาะในหน้าโฮสต์วิดเจ็ต ตรวจสอบปลั๊กอินแคช การเปลี่ยนเส้นทาง และความปลอดภัย หากดีปลิงก์ใช้งานไม่ได้

สำหรับ WordPress ที่ติดตั้งในไดเรกทอรีย่อย ให้ตั้งค่า baseDir เป็นพาธการติดตั้งพร้อมเครื่องหมายทับท้ายพาธ รูปแบบการเขียนเส้นทางใหม่จะอ้างอิงจากการติดตั้งนั้น และ URL ฐานของบัญชีต้องมีคำนำหน้าเดียวกัน

ทดสอบและเปิดใช้งานลิงก์

การบันทึก URL ไม่ได้ยืนยันว่าเว็บไซต์ของคุณพร้อมใช้งาน โปรดทดสอบก่อน แล้วจึงยืนยันการเปลี่ยนแปลงสำหรับทั้งบัญชี

1. เปิด URL จริงหนึ่งรายการสำหรับเนื้อหาแต่ละประเภทที่กำหนดค่าไว้ ยืนยันว่าวิดเจ็ตที่ถูกต้องปรากฏขึ้น จากนั้นรีเฟรชหน้าและเปิดในแท็บเบราว์เซอร์ใหม่
2. ตรวจสอบเลย์เอาต์บนมือถือ ความสูงของวิดเจ็ต และการนำทางระหว่างประเภทเนื้อหา ให้ URL ดีปลิงก์เดิมยังคงแสดงอยู่ อย่าเปลี่ยนเส้นทางทุกคำขอไปยัง popup.html หรือสลักของหน้า WordPress
3. ตรวจสอบให้แน่ใจว่า HTTPS ใช้งานได้และเซิร์ฟเวอร์ของคุณคงสตริงคำค้นหาไว้ ตรวจสอบข้อผิดพลาดของเบราว์เซอร์หากนโยบายความปลอดภัยของเนื้อหาบล็อกสคริปต์หรือ iframe ของ ScoreBat
4. บันทึกในบัญชีหลังยืนยันการตั้งค่า คลิกผ่านจากวิดเจ็ตที่ใช้โทเค็นบัญชีเดียวกัน เพื่อตรวจสอบปลายทางที่เปิดใช้งานแล้ว
5. หากต้องการคืนค่าปลายทางของ ScoreBat ให้ล้าง URL ฐานที่เกี่ยวข้องหรือเลือก ใช้ลิงก์ ScoreBat จากนั้นตรวจสอบและบันทึกอีกครั้ง

สีเหล่านี้ใช้ร่วมกับวิดเจ็ตที่มีสิทธิ์ทุกตัวซึ่งใช้โทเค็นบัญชีของคุณ รวมถึงวิดเจ็ตที่เผยแพร่ไปแล้ว

การแก้ไขโดเมนแบบกำหนดเองต้องสมัครแพ็กเกจ Advanced หรือ Enterprise ที่ยังใช้งานอยู่ นักพัฒนาคนอื่นสามารถดูตัวควบคุมและอัปเกรดได้ ลิงก์ที่ตั้งค่าไว้แล้วจะยังคงอยู่ โปรดติดต่อ ScoreBat หากต้องการความช่วยเหลือเกี่ยวกับการตั้งค่าที่ไม่ตรงกับตัวอย่างเหล่านี้

เลือกวิดเจ็ต

เอกสารอ้างอิงแต่ละรายการระบุค่ากำหนด ค่าเริ่มต้น และข้อยกเว้นที่รองรับไว้โดยเฉพาะ

ใช้ตัวกรองกลุ่มด้านล่างเพื่อค้นหาวิดเจ็ตที่คุณกำลังฝัง ชื่อพารามิเตอร์ที่ใช้ร่วมกันอาจให้ผลต่างกันในแต่ละวิดเจ็ต การตั้งค่าจะรองรับเฉพาะตำแหน่งที่ระบุไว้เท่านั้น รูตขั้นสูงจะมีเครื่องหมายกำกับเมื่อไม่มีค่าตั้งต้นเฉพาะในตัวสร้าง

สกอร์สด

สกอร์ โปรแกรม และผลการแข่งขันจากหลายรายการ

/embed/livescore/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

const url = new URL("https://www.scorebat.com/embed/livescore/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "limitwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

แถบสกอร์

แถบสกอร์แนวนอนสำหรับทุกแมตช์ ทีมหนึ่งทีม หรือทัวร์นาเมนต์หนึ่งรายการ

/embed/livescore-bar/
/embed/livescore-bar/team/{team}/
/embed/livescore-bar/competition/{competition}/
/embed/livescore-bar/league/{league}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

const url = new URL("https://www.scorebat.com/embed/livescore-bar/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

ลีกแบบเต็ม

มุมมองลีกแบบครบถ้วนที่รวมการแข่งขัน แมตช์ และตารางที่เกี่ยวข้อง

/embed/league/{league}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/league/{league}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

การแข่งขันแบบเต็ม

แมตช์ ผลการแข่งขัน และตารางคะแนนที่มีให้สำหรับการแข่งขันหนึ่งรายการ

/embed/competition/{competition}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/competition/{competition}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

โปรแกรมและผลการแข่งขัน

มุมมองเฉพาะสำหรับกำหนดการและผลการแข่งขัน พร้อมแท็บวันนี้เมื่อเหมาะสม

/embed/fixtures/competition/{competition}/
/embed/fixtures/league/{league}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "fixturesview": "fixtures",
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/fixtures/competition/{competition}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "fixturesview": "results",
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

ตารางคะแนนการแข่งขันและลีก

ตารางคะแนนลีกในมุมมองเฉพาะ โดยลีกหนึ่งอาจแสดงตารางของหลายรอบ

/embed/standings/competition/{competition}/
/embed/standings/league/{league}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/standings/competition/{competition}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "tabledetailed": true,
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

ทีมแบบเต็ม

หน้าทีมแบบครบถ้วน พร้อมแมตช์และข้อมูลทีมที่มีให้ใช้งาน

/embed/team/{team}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/team/{team}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

ตารางคะแนนของทีม

ตารางที่เน้นทีมหนึ่งทีม พร้อมตัวเลือกแสดงตารางทั้งหมด

/embed/standings/team/{team}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "tableview": "nearby",
  "tableneighbors": 3,
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/standings/team/{team}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "tableview": "nearby",
  "tableneighbors": 2,
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

การ์ดการแข่งขันของทีม

การ์ดการแข่งขันที่กำลังจะมาถึงและ/หรือการแข่งขันล่าสุดที่จบแล้วของทีมหนึ่งทีม

/embed/team-match/team/{team}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "matchmode": "both",
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/team-match/team/{team}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "matchmode": "next",
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

แมตช์แบบเต็ม

มุมมองการแข่งขันแบบสมบูรณ์ พร้อมข้อมูลที่มีสำหรับนัดนั้น

/embed/matchview/{match}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/matchview/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

สกอร์แมตช์

การ์ดสกอร์แมตช์ที่เลือกแสดงเหตุการณ์ได้

/embed/matchscore/{match}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/matchscore/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "noevents": true,
  "layout": "mini",
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

รายชื่อผู้เล่น

ผู้เล่นตัวจริง การแสดงผลแบบสนามหรือรายการ และตัวสำรองเมื่อมีข้อมูล

/embed/line-up/{match}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/line-up/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "layout": "field",
  "subs": "collapse",
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

สถิติแมตช์

สถิติแมตช์ที่มีให้ใช้งานในมุมมองเฉพาะ

/embed/matchstats/{match}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/matchstats/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

เฮดทูเฮด

การพบกันก่อนหน้าและข้อมูลเปรียบเทียบของแมตช์ที่เลือก

/embed/match-h2h/{match}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/match-h2h/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

วิดีโอแมตช์และ AI

เนื้อหาวิดีโอและบริบท AI ที่มีสำหรับการแข่งขันที่เลือก

/embed/g/{match}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

const url = new URL("https://www.scorebat.com/embed/g/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "autoplay": false
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

ตารางคะแนนแมตช์

ตารางคะแนนที่มีให้ใช้งาน โดยเน้นสองทีมในแมตช์

/embed/matchstandings/{match}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

const url = new URL("https://www.scorebat.com/embed/matchstandings/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "dontcollapse": true,
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

AI สำหรับแมตช์

มุมมองเฉพาะสำหรับการคาดการณ์ด้วย AI เมื่อมีข้อมูล

/embed/matchai/{match}/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

const url = new URL("https://www.scorebat.com/embed/matchai/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

แผงวิดีโอ

เครื่องเล่นวิดีโอพร้อมรายการแมตช์ให้เลือกดู

/embed/videopanel/
/embed/videopanel/team/{team}/
/embed/videopanel/competition/{competition}/
/embed/videopanel/league/{league}/
/embed/videopanel/live-stream/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "autoplay": true
}

const url = new URL("https://www.scorebat.com/embed/videopanel/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "autoplay": false
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

ฟีดวิดีโอ

ฟีดวิดีโอแมตช์แนวตั้ง พร้อมตัวเลือกขยายและเล่นอัตโนมัติ

/embed/videofeed/
/embed/videofeed/team/{team}/
/embed/videofeed/competition/{competition}/
/embed/videofeed/league/{league}/
/embed/videofeed/live-stream/

ค่ากำหนดที่รองรับ

ค่าเริ่มต้นนี้อธิบาย URL ที่ไม่มีการตั้งค่าเพิ่มเติม ใช้เฉพาะค่ากำหนดที่ระบุไว้สำหรับวิดเจ็ตนี้

ค่าเริ่มต้นของเครื่องมือสร้าง

ตัวสร้างกำหนดการตั้งค่าเหล่านี้ไว้อย่างชัดเจน ส่วนค่าเริ่มต้นอื่นจะรับมาจากรูปแบบที่เลือก

{
  "autoplay": true,
  "dontcollapse": true
}

const url = new URL("https://www.scorebat.com/embed/videofeed/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "autoplay": false,
  "dontcollapse": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

ปลั๊กอิน WordPress

เพิ่มและจัดการวิดเจ็ตฟุตบอลได้โดยตรงจากแดชบอร์ด WordPress

ใช้ปลั๊กอิน ScoreBat เพื่อเพิ่มผลบอลสด โปรแกรมการแข่งขัน ตารางคะแนน วิดเจ็ตทีมและการแข่งขัน รวมถึงวิดีโอไฮไลต์อย่างเป็นทางการลงในเว็บไซต์ WordPress ของคุณ

ดาวน์โหลดปลั๊กอิน ScoreBat จาก WordPress.org

1. ในแดชบอร์ด WordPress ให้ไปที่ ปลั๊กอิน → เพิ่มปลั๊กอินใหม่ ค้นหา ScoreBat จากนั้นติดตั้งและเปิดใช้งานปลั๊กอิน
2. เปิด ScoreBat ในแดชบอร์ด แล้วเลือก เชื่อมต่อกับ ScoreBat จากนั้นเข้าสู่ระบบหรือสร้างบัญชีฟรี แล้วอนุมัติการเชื่อมต่อกับเว็บไซต์ของคุณ
3. เปิดแคตตาล็อกวิดเจ็ต เลือกและปรับแต่งวิดเจ็ต จากนั้นยืนยัน ใช้ใน WordPress เพื่อบันทึกลงในเว็บไซต์ของคุณ
4. เพิ่มบล็อกวิดเจ็ตฟุตบอล ScoreBat แล้วเลือกวิดเจ็ตที่บันทึกไว้ หรือวางชอร์ตโค้ดของวิดเจ็ตลงในบล็อกชอร์ตโค้ด นอกจากนี้ คุณยังสร้างหน้าฉบับร่างที่เพิ่มวิดเจ็ตไว้แล้วได้จากแดชบอร์ด ScoreBat
5. ดูตัวอย่างหน้าของคุณบนเดสก์ท็อปและมือถือ แล้วเผยแพร่เมื่อพร้อม

เมื่อการตั้งค่าไม่ทำงาน

ตรวจสอบเส้นทาง ชนิดค่า สิทธิ์ใช้งาน และสภาพแวดล้อมการฝัง

1. ตรวจสอบว่าเส้นทางตรงกับส่วนวิดเจ็ตที่กำลังอ่าน หน้าทีมแบบเต็ม ตารางคะแนนทีม และการ์ดแมตช์ของทีมใช้ตัวเรนเดอร์คนละแบบ
2. ตรวจสอบคีย์ตัวพิมพ์เล็กและชนิดข้อมูล JSON ให้ตรงกัน ใช้ pref={...} ที่เข้ารหัสเพียงครั้งเดียว อย่าส่งป้ายกำกับ UI หรือชื่อ camelCase ภายใน
3. เปรียบเทียบกับรายการค่ากำหนดที่รองรับ ตัวควบคุมในเครื่องมือสร้างอาจปรากฏในวิดเจ็ตหลายรูปแบบ แม้ว่าตัวเรนเดอร์บางตัวจะไม่ได้ใช้งาน
4. ตรวจสอบแพ็กเกจและโทเค็นที่ใช้งาน การนำส่วนหัวออก สี แบรนด์ และฟีเจอร์ AI อาจขึ้นอยู่กับสิทธิ์ใช้งาน
5. ทดสอบ URL ที่ส่งออกจริง ไม่ใช่ตัวอย่างสาธิต ตรวจสอบว่าหน้าโฮสต์อนุญาตให้ใช้ iframe และสคริปต์ปรับขนาดที่จำเป็น
6. หากไม่มีเนื้อหานั้น ให้ลองตรวจสอบแมตช์หรือการแข่งขันอื่นที่มีข้อมูล ค่ากำหนดไม่สามารถสร้างตาราง วิดีโอ หรือรายชื่อผู้เล่นที่ไม่มีอยู่ได้

หากมีปัญหาด้านเลย์เอาต์ ให้ตรวจสอบความกว้างและความสูงของคอนเทนเนอร์หลักก่อน หากเนื้อหาถูกตัด ให้ตรวจสอบสคริปต์ตัวช่วยและคลาส iframe หรือเพิ่มความสูงคงที่ รีเฟรชวิดเจ็ตหลังเปลี่ยน URL หรือการตั้งค่าที่บันทึกไว้

สร้างด้วยผู้ช่วย AI

คู่มือที่คัดลอกได้และไฟล์รายการวิดเจ็ตที่ระบบอ่านได้

ใช้คู่มือ Markdown สำหรับคำแนะนำการผสานระบบ และใช้ไฟล์รายการ JSON สำหรับรูต ชื่อการตั้งค่าที่รองรับ ค่าที่อนุญาต ค่าเริ่มต้น และหมายเหตุเกี่ยวกับขอบเขตการใช้งาน ทั้งสองไฟล์ใช้ตัวยึดตำแหน่งแทนโทเค็นบัญชี

1. เลือกวิดเจ็ตรูปแบบที่ต้องการและตัวระบุจริงจากเครื่องมือสร้าง ห้ามสร้างเส้นทางหรือค่ากำหนดขึ้นเอง
2. ใช้รายการการตั้งค่าที่วิดเจ็ตนั้นรองรับ คงคีย์ตัวพิมพ์เล็กและประเภทค่าของ JSON ไว้
3. สร้าง URL ด้วย URL และ URLSearchParams พร้อมคงโทเค็นสำหรับฝังไว้ เก็บการตั้งค่าขนาดไว้นอก pref
4. เคารพสิทธิ์ของบัญชีและความพร้อมของเนื้อหา อย่ารับรองว่าการเปลี่ยนค่ากำหนดจะนำแบรนด์ออกหรือทำให้เนื้อหาที่ไม่มีอยู่ปรากฏขึ้น
5. ใส่ชื่อ iframe ที่สื่อความหมาย กำหนดขนาดที่เหมาะสม อนุญาตวิดีโอเมื่อจำเป็น และใช้สคริปต์ตัวช่วยที่ถูกต้อง