Adblock Plus for Yandex Browser

[simona]

Background

Adblock Plus for Chrome is compatible with Yandex Browser (24M of potential users).

What to change

1. Create a new landing page for "Yandex Browser" users similar to the one for Google Chrome users.

When Yandex Browser users are identified on adblockplus.org, show the contents of the new page with the following URL: ​https://adblockplus.org/[..]/yandex-browser

The page should be identical with the landing pages for the Chrome version with the following changes:

• Replace the green button's label in EN "Install for Chrome" with "Install for Yandex Browser", in RU with "Установить для Яндекс.Браузера"
• Add the Yandex Browser icon (following the functionality as currently implemented to switch between the colored and the shadowed versions) as shown in the following attachments:
  • INACTIVE​
  • ACTIVE​

• In case Yandex Browser users opened other platforms landing page, change the notification sentence accordingly:
  • EN: "It seems that you are using Yandex Browser. Go to Adblock Plus for Yandex Browser."
  • RU: "Похоже, что Вы используете Яндекс.Браузер. Перейти к Adblock Plus для Яндекс.Браузера."
  • The currently implemented link shall be changed to the url of the Yandex Browser's landing page.

2. Change the "Learn more" section as follows:

EN:

Ad Blocker for Yandex Browser
Adblock Plus is the most advanced adblocker for Yandex Browser. Are you fed up with advertisers infringing on your browsing experience? Simply install the extension and all annoying ads will be automatically blocked from the internet. Blinking banners, popups, video commercials on YouTube, Facebook and Vkontakte ads: The Yandex Browser Adblock Plus extension will automatically remove any unwanted ad from every website you visit. Want more? You can easily activate additional privacy and security features such as tracking and malware protection.

Installing the Yandex Browser Adblock Plus add-on to your browser only takes a few seconds. Simply click the "Install for Yandex Browser" button above and confirm the installation by clicking the "Add" button. Please note: Yandex Browser displays a warning that Adblock Plus can access the data on any website you visit. This is a standard warning for Yandex Browser extensions running on every tab. We promise to never collect any data about you.

The add-on is developed by the open source community and free to use for everybody. With more than 50 million users, it is one of the most popular extensions ever.

RU:
Adblock Plus для Яндекс.Браузера

Adblock Plus является самым развитым блокировщиком рекламы для Яндекс.Браузера (Yandex Browser). Вам надоела реклама, портящая все сайты? Просто установите наше дополнение, и вся назойливая реклама в интернете будет автоматически заблокирована. Мигающие баннеры, всплывающие окна, видео реклама, реклама в социальных сетях, таких как Вконтакте, Одноклассники, Facebook и других - Adblock Plus для Яндекс.Браузера запросто удалит любую надоедливую рекламу со всех посещаемых вами сайтов. Хотите больше? Вы можете включить дополнительные функции, защищающие вашу безопасность в интернете.

Установка Adblock Plus занимает всего пару секунд. Просто нажмите на кнопку “Установить для Яндекс.Браузера” и подтвердите желание, нажав “Добавить”. Пожалуйста, учтите, что Яндекс.Браузер отображает сообщение, что Adblock Plus может получить доступ к вашим данным на посещаемых вами сайтах. Это стандартное предупреждение для браузерных расширений, работающих на всех вкладках. Мы обещаем никогда не собирать никакую информацию о Вас и Ваших данных.

Дополнение разработано и поддерживается открытым сообществом, и является полностью бесплатным для всех. Имея более 50 миллионов пользователей, Adblock Plus является одним из самых популярных расширений.

Implementation notes

On the technical side, /en/chrome, /en/opera and similar are all aliases of the page located under /en (index page). The page content doesn't change, but the class set on <div id="content"> determines which parts of it show up and which don't. In order for everything to work correctly several things need to be changed:

• index.css needs to change to hide/show the right content for Yandex Browser. This file is located in Anwiki repository.
• Index page contents needs to be adjusted (via Anwiki) to add parts specific to Yandex Browser.
• Server configuration (as well as the test configuration in the Anwiki repository) has to be adjusted to recognize Yandex Browser and handle /yandex-browser URL correctly.

It should be best to implement things in the order listed here to make sure the users don't see any incomplete functionality.

[saroyanm]

@Sven what you think would it be possible to add Yandex icon into sprite-index.png ?

[saroyanm]

@sergz, @simona Guys please provide text for "Learn more" section, when it's ready.

[saroyanm]

@Sven, also what you think about adding new icon right to Android ? I guess in that case we will need to shrink install button a little.

[sebastian]

I fear that when we begin to add an icon for every Chromium based browser (and maybe also Gecko based browsers in the future), our homepage will become cluttered rather quickly, and might confuse most of out website's visitors who never heard of those browsers.

So how about showing the Yandex icon (and similar) only to visitors using that browser and to visitors from countries where those browsers are popular?

[saroyanm]

Replying to sebastian:

So how about showing the Yandex icon (and similar) only to visitors using that browser and to visitors from countries where those browsers are popular?

Instead of Chrome Icon ?

[simona]

​https://docs.google.com/a/adblockplus.org/document/d/1ZhBwUYxSL-fKsMSUoXHh0r5nuZtgZN5AqBRTHTKdZGA/edit (Russian text)

​https://docs.google.com/a/adblockplus.org/document/d/17HezkBp7a0gowJ_yjfNg2XlZn8cOm0flQCPgO4ZKDWs/edit# (English text)

[sergz]

So how about showing the Yandex icon (and similar) only to visitors using that browser and to visitors from countries where those browsers are popular?

Instead of Chrome Icon ?

I don't think that hiding them for others is a good idea. I think the user's trust is in direct proportion to the number of supported platforms. So, I would suggest to put yandex browser, maxthon and maybe something else into special section of some "non-insanely-popular" platforms. And of course we can pick them and show immediately for users of these browsers.

[sebastian]

Replying to saroyanm:

Instead of Chrome Icon ?

I'd prefer to always show icons for the 6 large browsers/platforms, and the Yandex icon (an similar in the future) in addition, but only to users of those browsers, and maybe also to visitors from countries where those browsers are popular.

But yeah, when space is already a problem, replacing the Chrome icon for Yandex users would be an option. Anyway it's just a suggestion. I think Sven should have the final say here.

[simona]

I dont think that replacing is the solution ... Btw there is still a space for 2 more icons on the right side (that it keeps aligned with the header).

[sebastian]

Replying to sergz:

I don't think that hiding them for others is a good idea. I think the user's trust is in direct proportion to the number of supported platforms. So, I would suggest to put yandex browser, maxthon and maybe something else into special section of some "non-insanely-popular" platforms. And of course we can pick them and show immediately for users of these browsers.

I think it will rather confuse the average user, who never heard of those browsers. Also the main purpose of our homepage is to make people install Adblock Plus. And increasing the number of links, might turn down the conversion rate, in particular if those are irrelevant to most users.

[sven]

The idea for Yandex is that we show the text "Install for Yandex" in our download button (but only for Yandex users) without any additional icon. That's it.

[saroyanm]

Replying to sven:

The idea for Yandex is that we show the text "Install for Yandex" in our download button (but only for Yandex users) without any additional icon. That's it.

Should we highlight Chrome ?

[sven]

Since it's a chrome based browser it would make sense to highlight the Chrome icon, yes. If there are any concerns, let me know.

[trev]

Replying to sven:

Since it's a chrome based browser it would make sense to highlight the Chrome icon, yes. If there are any concerns, let me know.

I strongly disagree. Yes, it is based on Chrome and we know that. However, users aren't necessarily aware of it. In particular, the latest Yandex Browser stopped linking to CWS so users have one less reason to assume that it is compatible with Chrome extensions.

IMHO we should have a new ​https://adblockplus.org/en/yandex-browser page, similarly to how we've done it for ​https://adblockplus.org/en/opera. The page content should be the same, merely a different button (Install in Yandex Browser). And we should have an icon for it of course.

Replying to simona:

FYI there is a press release in Russia going out on Wednesday (19.11.).

Why the urgency all the sudden?

[saroyanm]

Switching priority while still details are missing and we have some more questions to discuss.

[sven]

Since it's a chrome based browser it would make sense to highlight the Chrome icon, yes. If there are any concerns, let me know.

I strongly disagree. Yes, it is based on Chrome and we know that. However, users aren't necessarily aware of it. In particular, the latest Yandex Browser stopped linking to CWS so users have one less reason to assume that it is compatible with Chrome extensions.

Ok, let's finish that by using an icon, the "Install for Yandex" button and the ​https://adblockplus.org/en/yandex url.

[philll]

Please note that the product is called ​Yandex Browser, as Yandex only would refer to ​the company or search engine only. Please also note that its name is translated into Russian.

In general also please don't bury the description in the comments

[sven]

Ok, let's finish that by using an icon, the "Install for Yandex" button and the ​​https://adblockplus.org/en/yandex url.

Sorry, my fault. @trev is right with the url. It should be ​https://adblockplus.org/en/yandex-browser.

[sven]

Yandex icon active

[sven]

Yandex icon inactive

[sven]

Everything for the implementation should be clear now.

[saroyanm]

We are not using separate images for each browser icon, instead we need to update ​current sprite.
@Sven can you please provide updated sprite instead of images separately ?

[simona]

Yandex Browser landing page: EN

[simona]

Yandex Browser landing page: RU

[sven]

Sprite

[sven]

We are not using separate images for each browser icon, instead we need to update ​current sprite.
@Sven can you please provide updated sprite instead of images separately ?

I know. Usually Thomas did the sprite by himself. It's in the attachments now.

[sebastian]

Replying to saroyanm:

Switching priority while still details are missing and we have some more questions to discuss.

You use the "ready" flag to indicate that all details ar complete and final. This can be regardless of the priority. However, it clearly doesn't look like a P1, more like a P3 (since it's not a critical bug, neither is it on the roadmap).

[saroyanm]

Replying to sebastian:

Replying to saroyanm:

Switching priority while still details are missing and we have some more questions to discuss.

You use the "ready" flag to indicate that all details ar complete and final. This can be regardless of the priority. However, it clearly doesn't look like a P1, more like a P3 (since it's not a critical bug, neither is it on the roadmap).

Okey, will update the priority, anyway while it's grows related ticket, will set priority to 2.
Thanks for information.

[simona]

PR update: We would like to put out the press release in Russia 10.12. So the issue should be finalized 9.12.

This timing has been discussed with @saroyanm. If there are some troubles with it, please let me know that we can discuss it.

[saroyanm]

@Sven what you think which placement looks better ? I think it's better to go with first one, having Yandex icon in the end.

[fhd]

Added review for the servercontent changes.

[saroyanm]

changesets:
​https://hg.adblockplus.org/anwiki/rev/41604d1dea34
​https://hg.adblockplus.org/www/rev/767f5f5e03cc