Cara membenamkan countdown dalam laman web anda
Jika anda menggunakan perisian pengurusan kandungan atau blog seperti Blogger, WordPress, Drupal, atau seumpamanya, anda mesti memastikan anda mengedit kandungan dalam mod HTML apabila menampal kod embed.
Membenamkan countdown dari CountingDownTo.com sangat serupa dengan membenamkan video dari laman web seperti YouTube.com.
- Buka countdown anda. Untuk membuat yang baharu, klik Countdown laman web dalam menu di bahagian atas halaman. Untuk mencari countdown yang anda buat sebelum ini, klik ikon akaun (ikon orang) di penjuru kanan atas, kemudian Countdown saya.
- Klik Benam di bawah countdown.
- Salin kod yang dipaparkan di bawah butang. Jika terdapat butang Copy di sebelah kod, anda boleh mengkliknya sebagai ganti.
- Tampal kod ke dalam laman web atau blog anda di tempat anda mahu countdown dipaparkan.
Notion dan Google Sites memerlukan pautan, bukan kod. Editor memaparkan pautan itu di bawah kod. Canva memerlukan pautan kongsi countdown anda: dalam editor asal, klik Kongsi dahulu untuk mendapatkannya. Editor baharu memaparkannya di bawah pautan Notion dan Google Sites.
Jika anda telah mengikuti arahan di halaman ini tetapi masih tidak dapat membenamkan countdown anda, sila hubungi kami untuk bantuan.
Platform manakah yang boleh membenamkan countdown live?
Kebanyakan laman yang membenarkan anda menampal HTML tersuai atau URL iframe akan memaparkan countdown anda secara live dan berjalan. Beberapa alat page-builder dan reka bentuk menyekat iframe sepenuhnya. Berikut yang telah kami sahkan sendiri. Baris Canvas dan Schoology berdasarkan log kami, yang menunjukkan countdown dimuatkan di banyak laman kursus pada platform tersebut, dan untuk Canvas juga berdasarkan panduan rasminya:
| Platform | Countdown live? | Nota |
|---|---|---|
| WordPress (self-hosted) | Ya | Tambah blok Custom HTML dalam block editor dan tampal kod embed. |
| WordPress.com | Bergantung pada pelan | Pelan percuma membuang iframe. Pelan berbayar memerlukan "hosting features" diaktifkan sebelum HTML tersuai berfungsi. Maklumat lanjut. |
| Squarespace | Ya (pelan Core atau lebih tinggi) | Tambah blok Code dan tampal kod embed. Memerlukan pelan Core atau lebih tinggi, atau pelan Business atau Commerce lama. |
| Wix | Ya | Gunakan Tambah Elemen → Embed Code → Popular Embeds → Embed HTML. Tetapkan lebar dan tinggi iframe mengikut countdown anda supaya ia tidak terpotong atau memaparkan bar skrol. |
| Google Sites | Ya |
Gunakan Insert → Embed. Tampal kod embed pada tab Embed code, atau tampal alamat di dalam
src="..."
dalam kod embed anda pada tab By URL. Jika alamat itu berakhir dengan .js, buang
.js
itu.
|
| Shopify | Ya (dengan syarat) | Gunakan bahagian tema Custom Liquid. Editor penerangan produk tidak menyimpan kod embed dalam semua tema, jadi gunakan juga bahagian Custom Liquid pada halaman produk. |
| Notion | Ya |
Taip /embed
dan tampal alamat di dalam src="..."
dalam kod embed anda, bukan pautan kongsi. Jika alamat itu berakhir dengan .js, buang
.js
itu.
|
| Canva | Ya, apabila dilihat dalam talian | Tambah aplikasi Embed dan tampal pautan kongsi countdown anda. Imej, PDF dan video yang dimuat turun tidak boleh memaparkan countdown yang berjalan. |
| Canvas | Ya | Dalam Rich Content Editor, pilih Insert → Embed, tampal kod embed, klik Submit, kemudian simpan halaman. Langkah ini daripada panduan Canvas untuk pengajar. |
| Schoology | Ya (langkah belum diuji) | Countdown dipaparkan di laman Schoology, tetapi kami belum menguji langkah-langkahnya sendiri. Tampal kod embed dalam paparan HTML editor. |
| Blogger, Drupal, Weebly, Joomla! | Ya | Tampal kod embed sebagai HTML tersuai/mentah — lihat arahan khusus platform di bawah. |
| Facebook, WhatsApp, YouTube | Tidak | Platform ini tidak membenarkan embed iframe pihak ketiga. Kongsi pautan ke halaman countdown yang diterbitkan sebagai ganti. |
| Email clients | Tidak (gunakan GIF) | Email client menyekat iframe. Gunakan email GIF countdown kami sebagai ganti. |
Benamkan countdown dalam WordPress
WordPress self-hosted: Dalam block editor, tambah blok Custom HTML (+ → cari "Custom HTML") dan tampal kod embed yang kami berikan. Jika countdown tidak kelihatan dalam pratonton blok, semak halaman yang telah diterbitkan.
WordPress.com: Laman WordPress.com percuma tidak menyokong iframe (maklumat lanjut). Pada pelan berbayar anda mesti mendayakan hosting features sebelum blok Custom HTML akan merender iframe.
Pengguna classic editor: Jika anda masih menggunakan editor Visual/Text lama, pilih Text (bukan Visual) sebelum menampal.
Benamkan countdown dalam Squarespace
Squarespace memerlukan pelan Core atau lebih tinggi, atau pelan Business atau Commerce lama untuk membenamkan kod tersuai. Edit halaman anda, klik + untuk menambah blok, cari Code, dan tampal kod embed ke blok Code. Simpan dan pratonton. Countdown sepatutnya berjalan live pada halaman yang diterbitkan.
Benamkan countdown dalam Wix
Dalam editor Wix, klik Tambah Elemen → Embed Code → Popular Embeds → Embed HTML. Klik Enter Code, tampal kod embed dan klik Apply.
Penting — saiz iframe:
Jika countdown terpotong atau memaparkan scrollbar, buka tetapan elemen embed dan tetapkan lebar serta tinggi agar sepadan dengan dimensi dalam kod embed anda (biasanya lebar dan tinggi yang sama dengan tag
<iframe>
). Wix tidak sentiasa menyesuaikan saiz iframe yang dibenamkan secara automatik.
Tonton video pendek yang menunjukkan cara menambah countdown ke Wix.
Benamkan countdown dalam Google Sites
Semasa mengedit laman anda, klik Insert
→ Embed. Pada tab Embed code, tampal kod embed yang kami berikan. Atau, pada tab By URL, tampal pautan embed countdown anda: alamat di dalam
src="..."
dalam kod embed anda. Jika alamat itu berakhir dengan .js, buang
.js
itu.
Kemudian laraskan saiz kotak embed pada halaman supaya keseluruhan countdown kelihatan.
Benamkan countdown dalam Shopify
Tambah kod embed ke bahagian Custom Liquid dalam tema anda (Kedai Dalam Talian → Tema → Sesuaikan → Tambah bahagian). Countdown akan dipaparkan secara live pada halaman tempat anda meletakkannya.
Penerangan produk: editor penerangan produk tidak menyimpan kod embed dalam semua tema. Tambah bahagian Custom Liquid pada templat halaman produk sebagai ganti.
Benamkan countdown dalam Notion
Pada mana-mana halaman Notion, taip /embed
dan tekan Enter. Tampal pautan embed countdown anda dan sahkan. Notion hanya memaparkan countdown, dan ia berjalan secara live.
Pautan embed anda ialah alamat di dalam src="..."
dalam kod embed anda, contohnya https://countingdownto.com/w4/abc123
atau https://w2.countingdownto.com/1234567. Jika kod anda ialah tag script, buang
.js
di hujungnya. Jangan tampal pautan kongsi atau keseluruhan kod embed. Seret tepi blok untuk mengubah saiznya.
Benamkan countdown dalam Canva
Canva boleh memaparkan countdown live dalam reka bentuk dan laman web Canva yang dilihat dalam talian. Dalam editor Canva, buka Apps, pilih Embed, dan tampal pautan kongsi countdown anda.
Jika Canva memaparkan imej pratonton pegun dan bukan countdown yang dibuat dengan editor baharu, tampal pautan embed-nya: alamat di dalam
src="..."
pada kod embed anda. Untuk countdown yang dibuat dengan editor lama, gunakan pautan kongsi; pautan embed-nya (w2.countingdownto.com) tidak berfungsi dalam Canva. Imej, PDF atau video yang dimuat turun tidak boleh memaparkan countdown yang berjalan.
Benamkan countdown dalam Blogger
Dalam editor catatan, tukar dari Compose view ke HTML view sebelum anda menampal kod embed. Countdown tidak akan muncul semasa anda mengedit catatan. Countdown hanya akan muncul apabila anda menerbitkan atau mempratonton catatan.
Benamkan countdown dalam Drupal
Pilih Full HTML dalam senarai Text format di bawah medan kandungan utama, kemudian tampal kod embed. Countdown tidak akan muncul semasa anda mengedit halaman. Countdown hanya akan muncul apabila anda menyimpan atau mempratonton halaman.
Benamkan countdown dalam Weebly
Seret elemen Embed Code ke halaman anda, klik elemen itu dan tampal kod embed. Terbitkan laman anda untuk melihat countdown.
Benamkan countdown dalam Joomla!
Klik Toggle Editor di bawah editor artikel supaya anda mengedit HTML biasa, kemudian tampal kod embed dan simpan.
Editor TinyMCE lalai Joomla mungkin membuang tag iframe apabila anda menyimpan. Jika countdown tidak muncul, tampal kod embed ke dalam modul Custom dengan editor dimatikan, atau minta pentadbir laman anda membenarkan iframe dalam tetapan plugin TinyMCE.
Platform yang tidak menyokong embed iframe
Platform berikut tidak boleh memaparkan countdown iframe live, walau kod embed mana yang anda gunakan:
- Facebook — kongsi pautan ke halaman countdown yang diterbitkan sebagai ganti.
- WhatsApp — kongsi pautan; WhatsApp tidak merender HTML yang dibenamkan.
- YouTube — halaman saluran YouTube dan penerangan video tidak menyokong iframe pihak ketiga.
- Email clients: Gmail, Outlook, Mailchimp, dan aplikasi email lain menyekat iframe demi keselamatan. Gunakan countdown emel kami sebagai ganti. Ia membuat imej animasi yang dipaparkan oleh kebanyakan aplikasi emel.
Membenamkan Email Countdowns
Aplikasi email menyekat iframe, jadi email countdown ialah imej GIF beranimasi. Buat satu di halaman email countdown dan klik Tambah ke emel saya untuk mendapatkan kod. Dalam alat pemasaran email seperti Mailchimp, Constant Contact, AWeber dan Kit (ConvertKit), tampal kod ke dalam blok HTML atau blok kod. Untuk menghantar countdown dari Gmail atau akaun email peribadi lain, gunakan Emelkan kira detik ini kepada saya pada halaman yang sama dan majukan email yang anda terima.
Menggunakan Kajabi? Ikuti panduan pemasa countdown Kajabi kami.
Imej menunjukkan baki masa semasa ia dimuatkan. Sesetengah aplikasi emel memuatkan imej lebih awal, jadi ia boleh menunjukkan masa yang lebih awal. Tulis juga tarikh dalam teks emel anda.