Annex

The app widget will allow you to add to your site in one click the ability to quickly go to the game from the VKontakte directory.

Use a full application card or a compact button, show users playing friends — the widget will fit neatly into any design and attract new players.

Please note that the community application URL must be specified in the format https://vk.ru/app123456_-654321 . For such applications, only the type of "Button" is available. "

Connecting Widget

To add an app widget to your site, follow these three steps:

In the tag <head> On your website, add a link.. openapi.js :

Add an element to the body of the page <div> , which will display comments, give it a unique id, and add a widget initialization code to it. For example:

If your site is already in use Open API , adding a widget is even easier. Simply add widget initialization.

Additional settings

Widget creation method VK.Widgets.App It takes three parameters:

• •
  element_id ( string ), a mandatory parameter — id The element that will be the widget container. Our default constructor uses a value "vk_app_" + {app_id} .
• •
  app_id ( integer ), the mandatory parameter is the application identifier.
• •
  option ( object ) — block options with widget. It may contain fields:

  • •
    mode ( integer ) is a widget type. Possible values:

    • •
      1 - card (cover, title, genre, number of participants and "Play" button), by default;
    • •
      2 — participants (additional avatars of the user’s friend participants are shown, if any);
    • •
      3 Button (button only). For community applications (with URL format app123456_-654321 Only this mode is available).
  • •
    height ( integer The height of the button (for mode = 3 ).

Example

Widget code

To add a widget to your site, simply copy the code to paste to the page you want to place the widget on.