Steps to Enable Microsoft Weather Widget on a Public Website
1. Provide us a website domain list and we will register them in our system.
2. Assign an ocid to you for traffic tracking purposes. 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>
