💰 인베스팅닷컴 환율 위젯 (Iframe)

인베스팅닷컴(Investing.com)은 웹마스터 도구를 통해 다양한 금융 위젯을 제공합니다. 블로그의 헤더와 바디에 각각 적합한 위젯을 생성하려면, 위젯의 종류와 크기를 다르게 선택하여 <iframe> 태그를 삽입할 수 있습니다.

환율 관련 위젯 중 블로그에 일반적으로 유용하게 사용되는 위젯은 '실시간 크로스 환율' 또는 '환율 계산기' 위젯 등입니다.

---

1. 헤더용 위젯 (컴팩트한 실시간 환율)

헤더 영역은 공간이 제한적이므로, 현재의 주요 환율 정보만 간결하게 표시하는 위젯이 적합합니다. '실시간 크로스 환율' 위젯을 작게 커스터마이징하여 사용할 수 있습니다.

ℹ️ 참고: 아래 코드는 예시이며, 실제 인베스팅닷컴의 웹마스터 도구 페이지에서 원하는 통화쌍, 크기, 스타일을 설정하고 코드를 직접 생성해야 합니다.

HTML

<div class="header-widget">
  <iframe 
    src="https://kr.widgets.investing.com/live-currency-cross-rates?cols=last%2Cchange_percent%2Cchart&pairs=1%2C3%2C2126&header=실시간%20환율&theme=light&rounded_corners=false&width=100%25&height=130" 
    frameborder="0" 
    allowtransparency="true" 
    style="width:100%; height:130px;"
  ></iframe>
</div>

• width와 height 값을 블로그 헤더 디자인에 맞춰 조정하세요. width=100%는 반응형 레이아웃에 유용합니다.

• pairs 값은 표시할 통화쌍(예: USD/KRW, EUR/USD 등)을 지정합니다.

---

2. 바디용 위젯 (자세한 환율 정보 또는 계산기)

바디 영역은 비교적 공간이 넓으므로, 사용자에게 더 많은 정보나 기능을 제공하는 위젯이 좋습니다. '환율 계산기' 위젯이나 더 많은 통화쌍을 보여주는 표 형태의 위젯이 적합합니다.

A. 환율 계산기 위젯 예시

환율을 직접 변환해볼 수 있는 기능을 제공합니다.

HTML

<div class="body-widget-converter">
  <iframe 
    src="https://kr.widgets.investing.com/currency-converter?currency1=2&currency2=6&theme=light&rounded_corners=false&height=300" 
    frameborder="0" 
    allowtransparency="true" 
    style="width:100%; height:300px;"
  ></iframe>
</div>

• currency1과 currency2는 기본으로 설정할 통화를 지정합니다. (예: 2=USD, 6=KRW)

• height 값은 계산기 전체가 보이도록 충분히 설정합니다.

B. 넓은 표 형태의 크로스 환율 위젯 예시

헤더용보다 더 많은 통화쌍과 상세 정보를 보여줄 수 있습니다.

HTML

<div class="body-widget-table">
  <iframe 
    src="https://kr.widgets.investing.com/live-currency-cross-rates?cols=last%2Cchange_percent%2Cchart%2Ctime&pairs=1%2C3%2C2%2C18%2C17%2C2126&header=주요%20통화%20환율&theme=light&rounded_corners=false&width=100%25&height=450" 
    frameborder="0" 
    allowtransparency="true" 
    style="width:100%; height:450px;"
  ></iframe>
</div>

• height를 늘려서 더 많은 통화쌍이 보이도록 설정했습니다.

• cols에 time 등 추가 정보를 넣어 더 상세한 표를 구성할 수 있습니다.

---

⚠️ 중요: 위젯 생성 및 주의 사항

1. 인베스팅닷컴 웹마스터 도구 방문: 인베스팅닷컴 웹사이트의 "웹마스터 도구 (금융 위젯)" 페이지에 직접 방문하여 원하는 위젯(예: '환율 계산기' 또는 '실시간 크로스 환율')을 선택해야 합니다.

2. 커스터마이징: 위젯의 크기, 통화쌍, 디자인 테마 등을 설정합니다.

3. 코드 생성: 모든 설정을 마치면, 인베스팅닷컴이 제공하는 <iframe> 코드를 복사하여 블로그의 HTML 편집기에 붙여 넣으세요.

4. 이용 약관 동의: 위젯 사용 전에 해당 사이트의 이용 약관에 동의하는 과정이 필요합니다.

#가나 투데이 #ganatoday

그린아프로

Powered by Investing.com