> For the complete documentation index, see [llms.txt](https://user.netmera.com/netmera-user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://user.netmera.com/netmera-user-guide/netmera-user-guide-tr/cok-kanalli-etkilesim/widgetlar/hedefleme-ve-yayinlama/web-widget-yayinlama.md).

# Web widget yayınlama

{% @arcade/embed url="<https://app.arcade.software/share/cZ9R6yEXsEmLZVGfLOoq>" flowId="cZ9R6yEXsEmLZVGfLOoq" %}

### Yayınlama iş akışı

Yayınlama, widget’ınızın nerede, ne zaman ve kimler için görüneceğini kontrol eder. Bu akışı başlatmadan önce widget’ı tasarlayın ve tıklama aksiyonlarını yapılandırın.

Kullanın [Widget düzenini tasarlayın](/netmera-user-guide/netmera-user-guide-tr/cok-kanalli-etkilesim/widgetlar/widget-olusturma/widget-duzenini-tasarlama.md) yerleşim ve içerik için. Şunu kullanın [Widget aksiyonlarını ve doğrulamayı yapılandırın](/netmera-user-guide/netmera-user-guide-tr/cok-kanalli-etkilesim/widgetlar/widget-olusturma/widget-islemlerini-ve-dogrulamasini-yapilandirma.md) düğmeler ve görseller için.

{% hint style="warning" %}
Hedeflenen her ekran genişliğinde önizleyin. Widget’ın temel içeriği kapatmadığını doğrulayın.
{% endhint %}

### 1. Adım: Kurulum

içinde kayıtlı bir widget veya şablon seçin **Kurulum**. Ardından net bir yayınlama adı ekleyin. Kampanyayı, hedef kitleyi veya yerleşimi tanımlayan adlar kullanın. Bu, aktif widget’ları bulmayı ve yönetmeyi kolaylaştırır.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fs0liishAaFr8OJRDE7JQ%2FScreenshot%202023-05-26%20at%2015.02.11.png?alt=media&amp;token=6c146e69-9036-444f-a6ac-28dc41c7094d" alt=""><figcaption><p>Kurulum</p></figcaption></figure>

### 2. Adım: Kurallar

Tetikleyiciler, bir widget’ın ne zaman görünebileceğine karar verir. Filtreler, hangi ziyaretçilerin onu görebileceğine karar verir. Her ziyaretçiyi kesintiye uğratmadan ilgili bir hedef kitleye ulaşmak için kuralları birleştirin.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FriEctlHsoJ1YQYG3spG5%2F09%20-%20Exit%20Intent%20Overlay%20with%20Product%20Recommendations.gif?alt=media&amp;token=b21ac5e5-a376-4611-b01c-24ac13d9ef39" alt=""><figcaption><p>Çıkış Niyeti Tetikleyicisi</p></figcaption></figure>

{% hint style="info" %}
Örneğin, ziyaretçi sitenizde zaman geçirdikten sonra bir widget gösterin. Ardından bunu seçili bölgelere göre filtreleyin.
{% endhint %}

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FjqEdQ692bf4e2Dggtj1h%2FScreenshot%202023-05-26%20at%2015.02.36.png?alt=media&amp;token=a541dbc6-82b2-4a06-b5a5-6314746afaeb" alt=""><figcaption><p>Kurallar</p></figcaption></figure>

#### Segmentleri ve etiketleri kullanın

Kullanın [Segmentler](/netmera-user-guide/netmera-user-guide-tr/hedefleme/segmentler.md) yeniden kullanılabilir hedef kitleler için. Doğrudan etiketlenmiş ziyaretçileri dahil etmek veya hariç tutmak için etiketleri kullanın.

### Tetikleyiciler

Bir widget’ı gösterebilecek davranışı tanımlamak için bir veya daha fazla tetikleyici ekleyin. Bir kampanyanın birkaç koşula ihtiyaç duyması durumunda tetikleyicileri gruplandırın.

#### Kaydırma

Ziyaretçi seçili bir sayfa derinliğine ulaştıktan sonra widget’ı gösterin. İçeriğe ilgi gösteren ziyaretçileri etkilemek için %50 veya %75 gibi bir oran kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FprLGcvhlb9X7brXgOMO0%2FScreenshot%202023-06-12%20at%2017.22.55.png?alt=media&amp;token=9cda6b45-638c-40f0-820f-4aadcc51e54d" alt="" width="347"><figcaption></figcaption></figure>

#### Tıklama Seçicisi

Ziyaretçi belirli bir sayfa öğesine tıkladığında widget’ı gösterin. Öğeyi CSS seçicisiyle tanımlayın. Bunu bir **Şimdi Satın Al** düğmesi, seçili bir görsel veya başka bir niyet sinyali için kullanın.

{% hint style="warning" %}
Tıklanan öğeyle eşleşen bir CSS seçicisi girin. Seçici, `içerir` bir ID’nin önüne # ekleyin `#` ve bir sınıfın önüne . ekleyin `.`.
{% endhint %}

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FoxV42q5sf0AceGHbitXS%2FScreenshot%202023-06-12%20at%2017.29.35.png?alt=media&amp;token=fdda8274-1af2-4276-a655-1d2bc4a89d3b" alt="" width="375"><figcaption></figcaption></figure>

#### Sayfa Görünümü

Ziyaretçi seçili bir sayfayı veya sayfa kümesini açtığında widget’ı gösterin. Bunu, ürün detay sayfalarında ilgili ürün indirimi gibi bağlamsal içerikler için kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FSgH23QOOvxYDTipLXEDc%2FScreenshot%202023-06-12%20at%2017.32.33.png?alt=media&amp;token=68bd26ad-92e9-47a6-a536-8fcb212ce9c9" alt="" width="375"><figcaption></figcaption></figure>

#### Çıkış Niyeti

Ziyaretçi sayfadan ayrılmaya veya sekme değiştirmeye hazır görünürken widget’ı gösterin. Bunu bir teşvik, faydalı bilgi veya son bir öneri sunmak için kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FpNXz7CJOcRGLN7leqtBq%2FScreenshot%202023-06-12%20at%2017.35.09.png?alt=media&amp;token=036ecabb-b5b2-46fa-bb87-6a3897c6eceb" alt="" width="375"><figcaption></figcaption></figure>

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FQqZd1FKHQVCVBILk3KJX%2F08-%20exit%20intent%20overalay.gif?alt=media&amp;token=73c28d1c-39d9-4fd5-96ff-05555b37aecb" alt="Exit Intent widget example"><figcaption><p>Çıkış Niyeti widget’ı</p></figcaption></figure>

#### Widget Gösterildi

Seçili bir widget daha önce gösterildikten sonra bu widget’ı gösterin. Bunu, destek widget’ından sonra geri bildirim anketi gibi takip akışları için kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FwBrqRwc7h8GH20s5NGhd%2FScreenshot%202023-06-12%20at%2017.36.20.png?alt=media&amp;token=54188b43-40fd-4ded-b745-e52727bf9a1e" alt="" width="375"><figcaption></figcaption></figure>

#### Netmera Etkinliği

Bir Netmera etkinliği, yapılandırılmış adı, öznitelikleri, operatörü ve değeriyle eşleştiğinde widget’ı gösterin. Bunu satın almalar, tercihler veya özel etkileşimler için kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fk46B6VtCVaEgaacU4XjB%2FScreenshot%202023-06-12%20at%2017.38.17.png?alt=media&amp;token=988e83b0-49f0-4cae-bc2a-3a7295f30284" alt="" width="356"><figcaption></figcaption></figure>

Tek bir kampanya hedefiyle eşleşen tetikleyiciler kullanın. Bu, deneyimi daha alakalı ve yönetimi daha kolay hale getirir.

### Filtreler

Uygun hedef kitleyi daraltmak için bir veya daha fazla filtre ekleyin. Filtreler davranışı, bağlamı, cihazları veya bilinen hedef kitle verilerini hedefleyebilir.

#### Sitede geçirilen süre

Web sitenizde en az belirli bir süre geçiren ziyaretçileri hedefleyin. İlgi gösteren ziyaretçileri etkilemek için eşiği saniye cinsinden belirleyin.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fr7w7cgOOSf0lWIHjJzEC%2FScreenshot%202023-06-12%20at%2017.46.53.png?alt=media&amp;token=f134bd4e-12d2-44a8-b8a0-050dc41d0269" alt="" width="375"><figcaption></figcaption></figure>

#### Kaynak URL

Ziyaretçileri geldikleri kaynağa göre hedefleyin. Kanal bazlı mesajlar veya teklifler için medium, source ve campaign parametrelerini tanımlayın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fc1kF6Bs2crBzoYiNr3J6%2FScreenshot%202023-06-12%20at%2017.48.19.png?alt=media&amp;token=6d3fe130-6e55-4c84-8eec-4bc0ca0c9257" alt="" width="375"><figcaption></figcaption></figure>

#### Tarayıcı

Chrome, Safari, Firefox, Edge, Opera veya diğer tarayıcıları hedefleyin. Widget tarayıcı uyumluluğuna veya özelliklerine bağlıysa bunu kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FqH0ddW5e7y7FB2xWEMpV%2FScreenshot%202023-06-12%20at%2017.49.19.png?alt=media&amp;token=c9b3837d-7683-42f5-9152-2d589c546c03" alt="" width="349"><figcaption></figcaption></figure>

#### Cihaz Türü

Masaüstü, mobil veya tablet ziyaretçileri hedefleyin. Bu filtreyi seçilen cihaz için duyarlı tasarım kontrolleriyle birleştirin.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FxPx00lavk6umKHdCSDnN%2FScreenshot%202023-06-12%20at%2017.49.50.png?alt=media&amp;token=a1ab1f7f-5af5-40d3-bb1c-357d21941c55" alt="" width="351"><figcaption></figcaption></figure>

#### İşletim Sistemi

Windows, macOS, iOS, Android veya diğer işletim sistemlerini hedefleyin. Bunu işletim sistemine özel talimatlar, promosyonlar veya özellikler için kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FGq7Zj7jNAFE0W7zTffzK%2FScreenshot%202023-06-12%20at%2017.50.45.png?alt=media&amp;token=dddc3cdd-e32c-4fae-bfd5-ac8f43ffb0a5" alt="" width="352"><figcaption></figcaption></figure>

#### Çerez

Eşleşen bir çerez adı ve değerine sahip ziyaretçileri hedefleyin. Bunu bilinen özelliklere veya tercihlere dayalı kişiselleştirilmiş deneyimler için kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F34aQ9g6j1peb9lLQF2v1%2FScreenshot%202023-06-12%20at%2017.52.09.png?alt=media&amp;token=b15b04b5-1613-4fc0-90ce-904885804ed0" alt="" width="375"><figcaption></figcaption></figure>

#### Ekran Genişliği

Ekran genişliği bir minimum ve maksimum aralık içinde kalan ziyaretçileri hedefleyin. Bunu farklı ekran boyutlarında duyarlı düzenleri korumak için kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FhzhlfLqrF4KlIxp90bAf%2FScreenshot%202023-06-12%20at%2017.52.44.png?alt=media&amp;token=3c7dfb30-c1d5-47a9-bf92-1bb8be474ef3" alt="" width="375"><figcaption></figcaption></figure>

#### Konum

Seçili coğrafi konumlardaki ziyaretçileri hedefleyin. Bunu yerel teklifler, promosyonlar veya bölgesel içerik için kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FaZp4Ed60dghyaG3TxYBZ%2FScreenshot%202023-06-12%20at%2017.53.30.png?alt=media&amp;token=f0b696fc-0d6f-4192-854f-7b149b8a7f3e" alt="" width="357"><figcaption></figcaption></figure>

#### Segment

Seçili Netmera segmentlerine ait ziyaretçileri hedefleyin. Segmentleri, özniteliklere, davranışlara veya tercihlere dayalı yeniden kullanılabilir hedef kitleler için kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FwbwB64CXkYfazrkh1eZU%2FScreenshot%202023-06-12%20at%2017.54.21.png?alt=media&amp;token=3d00c605-79d4-4fee-afb3-c074f867cc58" alt="" width="375"><figcaption></figcaption></figure>

#### Etiket

Seçili Netmera etiketlerinin varlığına veya yokluğuna göre ziyaretçileri hedefleyin. Etiketleri doğrudan hedef kitle etiketleme ve hariç tutmalar için kullanın.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FqiLykNEbPVXBsHxE5kNw%2FScreenshot%202023-06-12%20at%2017.54.56.png?alt=media&amp;token=45f9be16-08a5-4d67-a390-592697fa1c0c" alt="" width="375"><figcaption></figcaption></figure>

Odaklanmış bir hedef grup oluşturmak için filtreleri birleştirin. Kural setini ileride bakım için anlaşılır tutun.

### Görüntüleme zamanlamasını yapılandırın

Kullanın **Gelişmiş Gösterim Ayarları** widget’ın ne zaman görüneceğini ve ne kadar süre görünür kalacağını kontrol etmek için.

<table><thead><tr><th width="318.80078125">Ayar</th><th>Davranış</th></tr></thead><tbody><tr><td><strong>Hemen Göster</strong></td><td>Widget’ı web sayfası yüklenir yüklenmez gösterir.</td></tr><tr><td><strong>Daha Sonra Göster</strong></td><td>Widget’ı seçilen bir gecikmeden sonra gösterir. Ayrıca 20 saniye gibi bir gizleme gecikmesi belirleyerek otomatik olarak kaldırabilirsiniz.</td></tr><tr><td><strong>Zamanlama</strong></td><td>Widget’ı yalnızca seçili başlangıç ve bitiş tarihleri arasında gösterir.</td></tr><tr><td><strong>Özel etiket tetiklemeli zamanlamayı etkinleştirin</strong></td><td>Görüntülemeyi seçili özel etiketlere ve yapılandırılan tarih aralığına göre zamanlar.</td></tr><tr><td><strong>Başlangıç/Bitiş</strong></td><td>Görüntülemenin başlayıp biteceği tam tarih ve saati tanımlar.</td></tr></tbody></table>

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FhsGcEeJKyj6GGP8ExO2L%2FScreenshot%202025-01-09%20at%2015.44.31.png?alt=media&amp;token=d1da006e-9539-4cac-90d9-ef52168e2e34" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FarFC6E40kaOm66cLnAfk%2FScreenshot%202025-01-09%20at%2015.41.36.png?alt=media&amp;token=e50c37a7-7154-4df0-af8e-b4d7bad933e4" alt=""><figcaption><p>Gelişmiş Gösterim Ayarları</p></figcaption></figure>

### Sıklık ve uygunluk sınırlarını ayarlayın

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FsAo4gC3br1QrkPDzjhjk%2FScreenshot%202025-01-09%20at%2015.40.53.png?alt=media&amp;token=7c9a92f7-2b75-4ade-a0db-911b55e71e0c" alt=""><figcaption><p>Örnek</p></figcaption></figure>

Sınırlar aşırı gösterimi önler. Yapılandırılan tüm sınırlar birlikte uygulanır.

| Sınır                   | Neyi kontrol eder                                                                | Örnek                                                                                             |
| ----------------------- | -------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
| **Kilit Süresi**        | Bir gösterimden sonraki soğuma süresi. Widget bu süre boyunca yeniden görünemez. | Bir haftalık kilit, 1 Ocak’taki bir gösterimin 8 Ocak’tan önce tekrarlanamayacağı anlamına gelir. |
| **Gösterim Limiti**     | Bir kullanıcı için maksimum gösterim sayısı.                                     | İki sınırı, yalnızca iki gösterime izin verir.                                                    |
| **Limit Zaman Aralığı** | Gösterim limiti için kullanılan zaman penceresi.                                 | İki ay içinde iki gösterim, pencere sıfırlanana kadar daha fazla gösterimi engeller.              |

#### Örnek zaman çizelgesi

1. Ziyaretçi widget’ı 1 Ocak’ta görür. Bir haftalık kilit uygulanır.
2. Ziyaretçi onu 15 Ocak’ta yeniden görür. Bu ikinci gösterimdir.
3. Widget, iki aylık süre 1 Mart’ta sıfırlanana kadar gizli kalır.

### 3. Adım: Tasarım

Kampanya hedefini destekleyen ve çevredeki içeriği koruyan sayfa konumunu seçin. Kullanılabilir yerleşimler arasında üst bar, alt bar, yan çubuk ve orta yerleşim bulunur.

{% hint style="info" %}
Zaman açısından hassas bir indirim veya yüksek dikkat gerektiren başka bir mesaj için orta yerleşimi kullanın.
{% endhint %}

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FZnagPYBdkCSNH4OICEdi%2FScreenshot%202023-05-26%20at%2015.04.32.png?alt=media&amp;token=4c6eb087-9de3-42bb-80f9-145805b65b7a" alt="Widget placement settings"><figcaption><p>Yerleşimi tasarlayın</p></figcaption></figure>

### 4. Adım: Devam

İçinde **YAYINA AL**, widget’ı canlıya almadan önce önizleyin. Tetikleyicinin, filtrelerin, zamanlamanın, sınırların ve yerleşimin amaçlanan kampanyayı desteklediğini doğrulayın. Seçin **Yayınlama** önizleme doğru olduğunda.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F4SXvP6rafcEPhYR6HUnY%2FScreenshot%202023-05-26%20at%2015.04.49.png?alt=media&amp;token=85aa348c-ba4d-4827-9a17-52fad70c43c1" alt=""><figcaption><p>Yayına Al</p></figcaption></figure>

{% hint style="info" %}
Widget önemli içeriği kapatıyorsa, geri dönün **Tasarım**. Başka bir yerleşim seçin veya widget boyutlarını ayarlayın.
{% endhint %}

Lansmandan sonra, şunu kullanın [Widget performansını analiz edin](/netmera-user-guide/netmera-user-guide-tr/cok-kanalli-etkilesim/widgetlar/performans-olcumu/widget-performansini-analiz-etme.md) gösterim ve aksiyon etkinliklerini incelemek için.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://user.netmera.com/netmera-user-guide/netmera-user-guide-tr/cok-kanalli-etkilesim/widgetlar/hedefleme-ve-yayinlama/web-widget-yayinlama.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.