---
title: Ngā waehere me ngā widget: CSS ritenga me ngā tuhinga
description: Me pēhea te tāpiri i te CSS ritenga, te waehere ki te pane me te tinana (ngā kaute, ngā kōrerorero, ngā pika), ngā here me te haumarutanga.
section: account
keywords: CSS ritenga, waehere upoko, waehere tinana, kaute, Tātaritanga Google, pika, widget kōrerorero
updated: 2026-09-16
---

Mā te wāhanga "Ngā Waehere me ngā Widget" i roto i ngā Tautuhinga ka taea e koe te whakauru i tō ake waehere ki tō paetukutuku: ngā kaute, ngā pika pānuitanga, ngā widget kōrerorero, ngā haki pihikete, me tō ake CSS hei whakatikatika i te āhua.

![Poraka waehere me ngā widget](/wiki/img/settings-code.webp "Whakatakotoria he waehere ki te upoko me te pito o te tinana")

## Waehere i roto i te upoko me te tinana

- **Waehere upoko** — kua whakaurua ki roto i `<head>` o ia whārangi paetukutuku. Mō Google Analytics, Meta Pixel, me ngā tohu meta manatoko.
- Kua whakaurua **te waehere i te pito o te tinana** i mua i `</body>`. Mō ngā widget kōrerorero, ngā haki pihikete, me ngā tuhinga e hiahia ana kia utaina he whārangi.

Whakapirihia te waehere katoa e whakaratohia ana e te ratonga, kātahi ka pāwhiri i te "Tiaki". Ko te rohenga pūāhua he 20,000 pūāhua mō ia āpure. Ka mahi noa te waehere i runga i te paetukutuku tūmatanui, kāore i roto i tō pūkete.

Ngā tauira:

- Google Analytics 4 - te wāhanga `gtag.js` i roto i te pane.
- Ko te Meta Pixel he wāhanga o te pika i roto i te pane.
- Wāhitau kōrerorero (Tawk, Crisp, JivoChat) - he tuhinga kei te tinana.
- He māmā ake te manatoko i ngā mana o Google/Bing/Yandex mā te poraka SEO → "Manatoko i ngā mana".

## CSS ritenga

Ka tāpirihia te CSS ritenga mā te kaiawhina AI, mā te kōrerorero AI hono rānei: "Tāpirihia te CSS: kia porowhita rawa ngā pātene." Ka tirohia e te kaiawhina te waehere, ā, ka whakamahia ki te pae. Mō te whakaritenga tika, whakamahia ngā huanga o te huānga pae, pērā i `[data-asd="card"]` mō te kāri, `[data-asd="header"]` mō te pane, me te `[data-asd="block-hero"]` mō te poraka toa. Ka tūtohu te kaiawhina i tētahi rārangi.

Ka rongoa motuhaketia tō CSS mai i te momo CSS o te putumōhio: ina whakarerekētia e koe te momo, ka tiakina ō whakatikanga.

## Ngā herenga me te haumaru

- I roto i tō CSS, kāore e whakaaetia ngā tohu me ngā kīanga `<style>`, `<script>`, `@import` - ka tangohia ēnei i te wā whakamana.
- Ka whakahaerehia ngā tuhinga i roto i te pane me te tinana i roto i te pūtirotiro a te manuhiri. Whakauruhia noa te waehere mai i ngā ratonga e whakawhirinaki ana koe.
- Ki te "pakaru" te pae i muri i te whakapiri, ūkuia te āpure ka tiakina - ka hoki te pae ki tōna āhua noa.

## Ngā Pātai me ngā Whakautu

### Kāore te kaute e tatauhia

Kia tino whakapirihia te waehere ki te pane, kia tiakina, ā, kia tuwhera te pae i tētahi wāhitau tūmatanui (ehara i roto i tō pūkete). Tērā pea ka whakararuraru ngā aukati pānuitanga i te manatoko.

### Ka taea te whakauru i tētahi mahere, i tētahi puka rānei?

Āe, hei poraka "HTML Ritenga" i runga i te whārangi mā te kaiawhina AI. Tirohia [te Kāinga me te Tahua](/wiki/mi/home-and-menu).

