Web Widgets
   HOME

TheInfoList



OR:

A web widget is a
web page A web page (or webpage) is a World Wide Web, Web document that is accessed in a web browser. A website typically consists of many web pages hyperlink, linked together under a common domain name. The term "web page" is therefore a metaphor of pap ...
or
web application A web application (or web app) is application software that is created with web technologies and runs via a web browser. Web applications emerged during the late 1990s and allowed for the server to dynamically build a response to the request, ...
that is embedded as an element of a host web page but which is substantially independent of the host page, having limited or no interaction with the host. A web widget commonly provides users of the host page access to resources from another web site, content that the host page may be prevented from accessing itself by the browser's
same-origin policy In computing, the same-origin policy (SOP) is a concept in the web application security model. Under the policy, a web browser permits scripts contained in a first web page to access data in a second web page, but only if both web pages have the sa ...
or the content provider's CORS policy. That content includes advertising (
Google Google LLC (, ) is an American multinational corporation and technology company focusing on online advertising, search engine technology, cloud computing, computer software, quantum computing, e-commerce, consumer electronics, and artificial ...
's
AdSense Google AdSense is a program run by Google through which website publishers in the Google Network of content sites serve text, images, video, or interactive media advertisements that are targeted to the site content and audience. These adver ...
), sponsored external links (
Taboola Taboola, Inc. is a Public company, publicly traded advertising and technology company headquartered in New York City. It provides "content recommendation" adverts on its partner websites. History Taboola was founded in 2007 by Adam Singolda. The ...
), user comments (
Disqus Disqus () is an American blog comment hosting service for websites and online communities that use a networked platform. The company's platform includes various features, such as social integration, social networking, user profiles, spam and ...
), social media buttons (
Twitter Twitter, officially known as X since 2023, is an American microblogging and social networking service. It is one of the world's largest social media platforms and one of the most-visited websites. Users can share short text messages, image ...
,
Facebook Facebook is a social media and social networking service owned by the American technology conglomerate Meta Platforms, Meta. Created in 2004 by Mark Zuckerberg with four other Harvard College students and roommates, Eduardo Saverin, Andre ...
), news (
USA Today ''USA Today'' (often stylized in all caps) is an American daily middle-market newspaper and news broadcasting company. Founded by Al Neuharth in 1980 and launched on September 14, 1982, the newspaper operates from Gannett's corporate headq ...
), and weather (
AccuWeather AccuWeather, Inc. is a private-sector American media company that provides commercial weather forecasting services. AccuWeather was founded in 1962 by Joel N. Myers. The company adopted the name 'AccuWeather' in 1971. AccuWeather is headquar ...
). Some web widgets though serve as user-selectable customizations of the host page itself (Elfsight, Powr, OpenWidget).


Technology

Widgets may be considered as downloadable applications which look and act like traditional apps but are implemented using web technologies including
JavaScript JavaScript (), often abbreviated as JS, is a programming language and core technology of the World Wide Web, alongside HTML and CSS. Ninety-nine percent of websites use JavaScript on the client side for webpage behavior. Web browsers have ...
,
HTML Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It defines the content and structure of web content. It is often assisted by technologies such as Cascading Style Sheets ( ...
and CSS. Widgets use and depend on web
API An application programming interface (API) is a connection between computers or between computer programs. It is a type of software interface, offering a service to other pieces of software. A document or standard that describes how to build ...
s exposed either by the browser or by a widget engine such as Akamai,
Clearspring AddThis was a free social bookmarking service that could be integrated into a website with the use of a web widget. Once the widget was added, visitors of a website using the service could bookmark or share an item using a variety of services, s ...
,
KickApps KickApps is a hosted platform for creating social networks and adding social software features, video players and widgets to websites. More than 100,000 sites use KickApps, including major media companies (e.g. NBC Universal, the BBC, H&R Block, ...
, MassPublisher, NewsGator or many others. Sites such as FormLoop allow users to easily create widgets from their own content with no coding knowledge necessary.


Usage in social media

End users primarily use widgets to enhance their personal web experiences, or the web experiences of visitors to their personal sites. The use of widgets has proven increasingly popular, where users of social media are able to add stand-alone applications to blogs, profiles and community pages. Widgets add utility in the same way that an iPhone application does. The developers of these widgets are often offering them as a form of sponsored content, which can pay for the cost of the development when the widgets' utility maps to the user's needs in a way where both parties gain. For example, a sports news brand might gain awareness and increased audience share in exchange for the utility of current game scores being instantly and dynamically available - the blog which posted the Sports score widget might gain in having a stickier site. Video platforms such as
YouTube YouTube is an American social media and online video sharing platform owned by Google. YouTube was founded on February 14, 2005, by Steve Chen, Chad Hurley, and Jawed Karim who were three former employees of PayPal. Headquartered in ...
and
Dailymotion Dailymotion is a French online video platform, online video sharing platform owned by Canal+ S.A., Canal+. Prior to 2024, the company was owned by Vivendi. North American launch partners included Vice Media, Bloomberg L.P., Bloomberg, and Hears ...
support iframe-based video embedding.


Security considerations

As any program code, widgets can be used for malicious purposes. One example is the
Facebook Facebook is a social media and social networking service owned by the American technology conglomerate Meta Platforms, Meta. Created in 2004 by Mark Zuckerberg with four other Harvard College students and roommates, Eduardo Saverin, Andre ...
"Secret Crush" widget, reported in early 2008 by
Fortinet Fortinet, Inc. is an American cybersecurity company with headquarters in Sunnyvale, California. The company develops and sells security solutions like firewalls, endpoint security and intrusion detection systems. Fortinet has offices located ...
as luring users to install Zango
adware Adware, often called advertising-supported software by its developers, is software that generates revenue by automatically displaying Online advertising, online advertisements in the user interface or on a screen presented during the installatio ...
. One important factor with client-side widgets is that often the host can not control the content. The content or the functionality it provides cannot be modified by the host. The content is pre-published by the publisher/author/service provider and the host can either accept that content or not use the widget. The host does, however, control the placement of the Widget. Because the host can always take the Widget down, it assures a large degree of mutual advantage and satisfaction with performance and content.


SEO considerations

Web widgets can affect page rank in two ways. First, links generated by client-side widgets will not be seen by search engines that do not "run" the widget code before analysing the page. Those links will not contribute to page rank. Second, pages may be penalized for hosting widgets that automatically place links into the page, thereby manipulating page rank.


Accessibility considerations

Web widgets are complex UI controls. WAI-ARIA is a technology that can improve the Usability and Accessibility of such widgets by adding in further semantics that browsers and assistive technologies can recognize and use to facilitate users' interactions. For example, a tabpanel widget must contain a specific set of roles (i.e. tablist, tab, tabpanel, etc.) and must follow specific interactions (i.e. keyboard navigation).


Widget management systems

Widget management systems offer a method of managing widgets that works on any web page, such as a blog or social networking home page. Many blog systems come with built-in widget management systems as plug-ins. Users can obtain widgets and other widget management tools from various widget companies.


Mobile Web widget

A Mobile Web widget has the same purpose and function as a web widget, but it is made for use on a
mobile device A mobile device or handheld device is a computer small enough to hold and operate in hand. Mobile devices are typically battery-powered and possess a flat-panel display and one or more built-in input devices, such as a touchscreen or keypad. ...
such as mobile phone or tablet. In contrast, a web widget is on a personal computer or laptop computer.


Standards

The W3C is creating a set of standards for web widgets.


References


Further reading

* Rajesh Lal;
Developing Web Widget with HTML, CSS, JSON, and AJAX
' ({{ISBN, 9781450502283) * Soylu, A., Wild, F., Mödritscher, F., Desmet, P., Verlinde, S., De Causmaecker, P. (2011)
Mashups and Widget Orchestration.
The International Conference on Management of Emergent Digital EcoSystems, MEDES 2011. San Francisco, California, USA, 21–24 November 2011. ACM. Widget engines Blogs Internet terminology