Steps to enable Microsoft Weather Widget on a public Website
1. Provide us website domain list and we will register them in our system
2. Assign an ocid to you for traffic tracking purpose. the server will verify ocid+domain pair for security
3. Choose your preferable weather widget style and insert the iframe code snippet in your page
<iframe scrolling="no" src="https://www.msn.com/widgets/fullpage/weatherWidgets/widget?experiences=WeatherTodayMini&width=200&height=50&cm={language}&ocid={from_step_2}""></iframe>
4. Done!
See All Styles:
1. Iframe Responsive WeatherToday (like Taskbar) size=autoX28
<iframe scrolling="no" style="height:28px" src="https://www.msn.com/widgets/fullpage/weatherWidgets/widget?experiences=WeatherTodayMiniTaskbar&height=28&cm=en-us&ocid=testwidget" sandbox="allow-scripts allow-same-origin allow-popups"></iframe>
2. Iframe Responsive WeatherToday (like Taskbar) size=78X28, custom style for ocid=testusa
<iframe scrolling="no" style="background: black;width:78px;height:28px" src="https://www.msn.com/widgets/fullpage/weatherWidgets/widget?experiences=WeatherTodayMiniTaskbar&ocid=testusa&width=78&height=28&cm=en-us" sandbox="allow-scripts allow-same-origin allow-popups"></iframe>
3. Iframe WeatherToday size=autoX50
<iframe scrolling="no" style="height:50px" src="https://www.msn.com/widgets/fullpage/weatherWidgets/widget?experiences=WeatherTodayMini&height=50&cm=en-us&ocid=testwidget" sandbox="allow-scripts allow-same-origin allow-popups"></iframe>
4. Iframe WeatherToday size=autoX50
<iframe scrolling="no" style="height:50px" src="https://www.msn.com/widgets/fullpage/weatherWidgets/widget?experiences=WeatherTodayMini&height=50&cm=en-us&ocid=testwidget" sandbox="allow-scripts allow-same-origin allow-popups"></iframe>
5. Iframe WeatherToday size=200X50
<iframe scrolling="no" style="width:200px;height:50px" src="https://www.msn.com/widgets/fullpage/weatherWidgets/widget?experiences=WeatherTodayMini&width=200&height=50&cm=en-us&ocid=testwidget" sandbox="allow-scripts allow-same-origin allow-popups"></iframe>
6. Iframe WeatherCard Small size=300X150
<iframe scrolling="no" style="width:300px;height:150px" src="https://www.msn.com/widgets/fullpage/weatherWidgets/widget?experiences=WeatherCardWC&width=300&height=150&cm=en-us&ocid=testwidget" sandbox="allow-scripts allow-same-origin allow-popups"></iframe>
7. Iframe WeatherCard Full size=300X305
<iframe scrolling="no" style="width:300px;height:305px" src="https://www.msn.com/widgets/fullpage/weatherWidgets/widget?experiences=WeatherCardWCFull&width=300&height=305&cm=en-us&ocid=testwidget" sandbox="allow-scripts allow-same-origin allow-popups"></iframe>