# DOM attribute'ları
> Sayproof bileşeninin kullandığı ve CSS kurallarınızın ya da script'lerinizin dayanabileceği tüm data-review-* attribute'ları.
Kaynak: /tr/reference/dom-attributes/
Bu attribute'lar bir sözleşmedir (sürüm 3): aynı sürüm içinde kaldırılmaz ve anlamları değişmez; yeni attribute'lar eklenebilir. CSS kurallarınızı ve script'lerinizi bu attribute'lara göre yazın. Kullanım örnekleri için: [Düzen ve CSS seçicileri](/tr/customize/css-hooks.md).
## Container yapılandırması
Bu attribute'lar container'a (`data-review-mount`) eklenir. Container'da bulunmayan bir değer için script etiketindeki değer kullanılır. Bu attribute'lardan biri değiştiğinde bileşen kendini yeniler.
| Attribute | Değer |
|---|---|
| `data-review-mount` | Öğenin bir yorum container'ı olduğunu belirtir. Bir sayfada birden fazla container bulunabilir. |
| `data-review-site-key` | Site anahtarı. Yalnızca script etiketinden ya da `Sayproof.mount()` seçeneklerinden okunur; container'daki değer yok sayılır. Böylece sayfaya sonradan eklenen bir içerik yorumları başka bir kanala yönlendiremez. |
| `data-review-base` | Sayproof API adresi. Yalnızca script etiketinden ya da `Sayproof.mount()` seçeneklerinden okunur; container'daki değer yok sayılır. Böylece sayfaya sonradan eklenen bir içerik müşterinin formda yazdıklarını başka bir sunucuya gönderemez. |
| `data-review-product` | Ürün kodu: varyant ya da grup kodu |
| `data-review-scope` | `variant` (varsayılan) ya da `group` |
| `data-review-product-name` | Ürün adı. Okunur ancak şu anda gösterimde kullanılmaz; ileride kullanılmak üzere ayrılmıştır. |
| `data-review-locale` | `tr` ya da `en`. Container'da ve script etiketinde belirtilmezse `` değeri, o da yoksa kanalın dili kullanılır. |
| `data-review-layout` | `list` (varsayılan) ya da `grid` |
| `data-review-style` | `cards` ya da `sidebar`: düzen. Belirtilmezse kanalın panelde seçilen düzeni kullanılır. |
| `data-review-theme` | `warm`, `trust`, `editorial`, `minimal`, `soft`, `bold`, `natural` ya da `night`: hazır tasarım. Belirtilmezse ya da tanınmayan bir değer verilirse kanalın panelde seçilen tasarımı kullanılır. |
| `data-review-mode` | `headless`: script özet, liste ve sıralama oluşturmaz; yalnızca yorum yazma akışını yürütür |
| `data-review-gate` | Yorum yazma alanının gösterileceği öğenin CSS seçicisi. Eşleşen öğe yoksa alan container'ın içinde gösterilir. |
| `data-review-viewer` | `pending`: oturum açmış müşterinin durumu bekleniyor; yanıt gelene kadar yorum yazma alanı gösterilmez |
## Container durumu
| Attribute | Anlamı |
|---|---|
| `data-review-ready` | Bileşen hazır; `Sayproof.write(container)` artık akışı açabilir. Ürün değiştiğinde, yeni içerik hazır olana kadar kaldırılır. |
| `data-review-failed` | Yorumlar yüklenemedi; sayfanın geri kalanı etkilenmez |
## Kök öğe
| Attribute | Anlamı |
|---|---|
| `data-review-root` | Bileşenin kök öğesi; stil kapsamı bu öğeden başlar |
| `data-review-version` | Sözleşme sürümü (`3`) |
| `data-review-style` | Kullanılan düzen: `cards` ya da `sidebar` |
| `data-review-theme` | Kullanılan hazır tasarım: `warm`, `trust`, `editorial`, `minimal`, `soft`, `bold`, `natural` ya da `night`; tasarımın değişken değerleri bu attribute'a bağlıdır |
| `data-review-market` | Yorumların ait olduğu pazar |
| `data-review-product` | Yorumları gösterilen ürün kodu |
| `data-review-layout` | Kök öğeye de eklenir: `list` ya da `grid` |
| `data-review-busy` | Bir istek sürüyor |
| `data-review-ssr` | Sunucuda oluşturulmuş kök öğe; script bu öğeyi devralır |
| `data-review-stylesheet` | Sunucuda oluşturulan HTML'in başındaki ``; bileşenin temel stillerini script'ten önce yükler |
| `data-review-state` | Sunucu yanıtını taşıyan `
```
### Varyant seçildiğinde ürünü değiştirmek
`data-review-product` değerini değiştirmeniz yeterlidir; script değişikliği algılar ve yeni ürünün yorumlarını yükler. Ek bir işlem gerekmez.
```html
```
### Aynı sayfada varyant ve grup yorumları
```html
Bu numaranın yorumları
Tüm numaraların yorumları
```
### Bileşen hazır olana kadar kendi düğmenizi pasif tutmak
```html
```
### Sipariş detayı sayfasında değerlendirme
`data-review-order-state` etiketinin içeriği, sunucunuzun `GET /v1/viewer/order` isteğine aldığı yanıtın kendisidir; etiketin içine yazarken `<`, `>` ve `&` karakterlerini escape edin. Script öğeyi bulur, içeriğini değerlendirme bölümüyle değiştirir; site anahtarı ve API adresi script etiketinden alınır.
```html