# Space'inizi başka bir web sitesine yerleştirin

Space'iniz çalışmaya başladığında, onu bir web sitesine veya blogunuza yerleştirmek isteyebilirsiniz. Space'inizi yerleştirmek veya paylaşmak, izleyicilerinizin herhangi bir kurulum gerektirmeden çalışmalarınızla ve demolarınızla etkileşime girmesini sağlayan harika bir yoldur. Bir Space'i yerleştirmek için görünürlüğünün **public** veya **protected** olması gerekir. Protected Space'ler, Hub üzerinde kaynak kodlarını gizli tutarken, yerleştirme URL'leri (ve yapılandırıldığında [custom domains](./spaces-custom-domain)) üzerinden herkese açık olarak erişilebilir kalır. Daha fazla ayrıntı için [Space visibility](./spaces-overview#space-visibility) bölümüne bakın.

## Doğrudan URL

Bir Space'e, Space'inizi paylaşmak veya bir web sitesine yerleştirmek için kullanabileceğiniz benzersiz bir URL atanır.

Bu URL şu biçimdedir: `"https://<space-subdomain>.hf.space"`. Örneğin, [NimaBoscarino/hotdog-gradio](https://huggingface.co/spaces/NimaBoscarino/hotdog-gradio) Space'inin karşılık gelen URL'si `"https://nimaboscarino-hotdog-gradio.hf.space"`'dir. Alt alan adı benzersizdir ve yalnızca Space'inizi taşıdığınızda veya yeniden adlandırdığınızda değişir.

Alanınız her zaman bu alt alan adının kökünden sunulur.

Space URL'sini ve onu nasıl gömebileceğinize dair örnek kod parçacıklarını doğrudan seçenekler menüsünden bulabilirsiniz:

## IFrame ile Gömme

Bir Space için varsayılan gömme yöntemi IFrames kullanmaktır. Space'inizi gömmek istediğiniz HTML konumuna aşağıdaki öğeyi ekleyin:

```html
<iframe
    src="https://<space-subdomain>.hf.space"
    frameborder="0"
    width="850"
    height="450"
></iframe>
```

Örneğin [NimaBoscarino/hotdog-gradio](https://huggingface.co/spaces/NimaBoscarino/hotdog-gradio) Space kullanılarak:

## WebComponents ile Yerleştirme

Gömülecek Space'iniz Gradio tabanlıysa, Space'inizi gömmek için Web Components kullanabilirsiniz. WebComponents, IFrames'e kıyasla daha hızlıdır ve web sayfanıza otomatik olarak uyum sağlar; bu sayede öğeniz için `width` veya `height` yapılandırmanıza gerek kalmaz. Öncelikle, Space'teki Gradio sürümüne karşılık gelen Gradio JS kütüphanesini HTML'inize aşağıdaki script'i ekleyerek içe aktarmanız gerekir.

Ardından, Space'inizi yerleştirmek istediğiniz yere bir `gradio-app` öğesi ekleyin.
```html
<gradio-app src="https://<space-subdomain>.hf.space"></gradio-app>
```

Daha fazla ayrıntı için [Gradio belgelerini](https://www.gradio.app/guides/sharing-your-app#embedding-hosted-spaces) inceleyin.