Dijital Link Sayfasına Google Harita Ekleme

Dijital Link'in Özel HTML Widgeti özelliğini kullanarak Google Haritalar'ı nasıl ekleyebileceğinizi adım adım anlatacağız.

Arif Akkoyu Güncellendi 2 Haz 2024 1 dk okuma 1.732 görüntülenme
Dijital Link Sayfasına Google Harita Ekleme

Dijital varlığınızı yönetmek ve geliştirmek için Dijital Link'i kullanırken, işinizi veya belirli bir konumu Google Haritalar aracılığıyla göstermek harika bir fikir olabilir. Bu blog yazısında, Dijital Link'in Özel HTML Widgeti özelliğini kullanarak Google Haritalar'ı nasıl ekleyebileceğinizi adım adım anlatacağız. Ayrıca, haritanın sayfada tam oturmasını sağlamak için gerekli responsive kodları da paylaşacağız.

Öncelikle, Dijital Link yönetim panelinize giriş yapın ve blog eklemek için aşağıdaki adımları izleyin:

  1. Widget Ekle butonuna tıklayın.
  2. Açılan menüden Yeni Dijital Link Widgeti Ekle seçeneğini seçin.

Adım 2: Özel HTML Widgeti Oluşturun

Yeni bir Dijital Link widgeti oluşturduktan sonra, Özel HTML widgetini seçmeniz gerekiyor. Bu widgeti kullanarak Google Haritalar iframe kodunu sayfanıza ekleyebilirsiniz. Adımlar şu şekilde:

  1. Özel HTML seçeneğini tıklayın.
  2. Açılan HTML düzenleyicisine geçin.
özel html widgeti

Adım 3: Google Haritalar iframe Kodunu Alın

Google Haritalar'da paylaşmak istediğiniz konumu belirleyin ve şu adımları izleyin:

  1. Google Haritalar'ı açın ve paylaşmak istediğiniz konumu aratın.
  2. Konumu bulduktan sonra, ekranın sol üst köşesindeki menü simgesine tıklayın ve "Paylaş" seçeneğine tıklayın.
  3. Açılan pencerede "Harita Yerleştirme" sekmesine geçin ve buradaki iframe kodunu kopyalayın.

Adım 4: iframe Kodunu Özel HTML Widgetine Yapıştırın

Aldığınız iframe kodunu, Dijital Link'teki Özel HTML widgetine yapıştırın. Ancak bu kodun sayfada tam oturması için responsive hale getirilmesi gerekiyor. İşte kullanmanız gereken responsive kod:

<div style="position: relative; padding-bottom: 0%; height: 0; overflow: hidden; max-width: 100%; height: auto;"> IFRAME KODUNUZU BU ALANA YERLEŞTİRİNİZ. </div>

Adım 5: Kendi iframe Kodunuz ile Değiştirin

Yukarıdaki kodda, YOUR_IFRAME_CODE_HERE kısmını kendi aldığınız iframe kodu ile değiştirin. Bu adımlar sayesinde haritanız sayfada tam oturacak ve tüm cihazlarda düzgün görüntülenecektir.

özel html widgeti

Bu adımları takip ederek, Dijital Link sayfanıza Google Harita ekleyebilir ve konumunuzu ziyaretçilerinizle kolayca paylaşabilirsiniz. Responsive kodu kullanarak haritanızın her cihazda mükemmel görünmesini sağlayabilirsiniz. Artık Dijital Link'in Özel HTML Widgeti ile daha profesyonel ve kullanıcı dostu sayfalar oluşturabilirsiniz.

Bu yazı işine yaradı mı?2 değerlendirmede ortalama 5
Paylaş
Arif Akkoyu YazarArif AkkoyuDijital Link Kurucu - Dijital Pazarlama Uzmanı
Okuduğunu hemen deneBio link sayfanı ücretsiz oluştur, linklerini kısalt, QR kodunu üret. Kredi kartı gerekmez.
Ücretsiz başla