Youtube画面内でアンケートができる拡張

Latest Version

Version
3.0.0
Update
October 20, 2024
Size
112KiB
Developer
Category
Users
427
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
日本語
See more
Permissions
Storage
See more

つべアンケ Extension

Youtube画面内でアンケートができるchrome extensionsです。
ラグの問題もあるためできるだけ超低遅延での配信で使うことをお勧めします。

【cssでデザインの拡張が可能です】
公式パターン→https://patio.booth.pm/items/2111600

有志の方のデザイン
(@RhtTbkr 様)
・https://gist.github.com/rohitotsubakura/da42cbf432ff19fd3046e0c78796349b
・https://gist.github.com/rohitotsubakura/7bfc98f1a3d341e34b201bf69f84c08a


【操作手順】

拡張を導入後、youtubeのライブ配信画面に直接訪問する。(動画やアーカイブでは拡張は表示されません)
配信画面の下に「アンケート機能を使う」を押すことで展開されます。

1. アンケートの設定

タイトルとアンケートの項目を入力してください。
追加されたアンケート項目は実際のアンケート画面に追加時に反映されます。(アンケート画面にある×ボタンを押すことで取り消すことが可能です)


2. アンケートの開始

アンケート項目を2個以上設定し、「アンケートスタート」の赤いボタンを押すことでアンケートが開始されます。

* 注意点
・ コメントはポップアウトしない状態で実施してください
・ コメント欄は自動スクロール状態であること(↓のマークが出ている状態ではないこと)
・ 1回のアンケート中は1ユーザ1度のみ投票可能です(上書きはされない)
・ 半角数字のみが投票対象のため「1!!!」「1」「1で!」などは投票対象外

3. アンケートの終了

「アンケートを終了する」を押すことで、結果パーセンテージが表示され、アンケートが終了します。

4. アンケートの作り直し

もう一度アンケートを同画面でしたい場合は「アンケートを作り直す」を押してください。


【オプション機能】
・チェックを外すと投票%が開示された状態になります
上記チェックを外すことでアンケートの終了以外に、集計中にパーセンテージの表示も可能です

・アンケートのみの画面にする
上記チェックを付けることで、グリーンバック背景にすることが可能です。OBSのクロマキーなどで活用してください。

・アンケート終了後に「スクリーンショットで保存」を押すことで画像pngとして結果を保存できます


【バージョン情報】
3.0.0(2024/10/21)
ManifestV3対応
2.7.0(2023/03/25)
・履歴の削除により、読み込みと新規保存がうまくいかない不具合修正
2.6.0(2021/07/03)
・外部cssファイルを読み込ませると次回以降同様のcss状態から始まるように修正
・アンケートのタイトル、投票数の表示部分のチェックボックスは閉じた時の最終の状態を保つように修正
・他脆弱性対応や説明文追加等

2.5.0(2020/12/22)
・動画/生放送の判定をなくしました(全言語対応のため)
・日本語言語設定以外でも動くように修正

2.4.2(2020/11/29)
・Youtube側のDOM変更に対応

2.4.1(2020/10/18)
・放送主の投票が2票になってしまうのを修正

2.4.0(2020/07/11)
・アンケート終了画面で結果をスクリーンショットで保存できるボタンを設置

2.3.0(2020/06/25)
・投票数を常に表示するようにUI改善
・タイトル・投票数UIを表示非表示できるように

2.2.0(2020/05/29)
・外部cssを読み込めるように修正
・デフォルトのアンケート項目のフォントサイズを若干大きく修正

2.1.2(2020/05/24)
・終了後放置しているとアンケートの投票が終わらないバグ修正。
・履歴保存の際に「保存しました」が出るように修正
・cssを一部修正

2.1.1(2020/03/23)
・文字の大きさと色を緑クロマキー標準でも綺麗に見えるように調整
・スタートボタン押した際にも初期化を実行するように修正

2.1.0(2020/03/20)
アンケートの履歴を保存/読み込み/削除できる機能実装
(localStorageのためブラウザ間の共有やシークレットウィンドウでの運用は不可)

2.0.0(2020/01/14)
・アンケート画面を別ウィンドウ表示にする

1.0.4(2019/12/23)
・一部環境でコメントが取れなかった不具合を修正

1.0.3(2019/12/1)
・1.0.1の修正でアンケートがリフレッシュされてしまうバグがあったので修正

1.0.2(2019/12/1)
・待機画面でもアンケートが出るように修正(配信前から準備可能)

1.0.1
・生配信以外で拡張を非表示にする部分が不安定だったため修正
・一部ロード時の処理方法を変更
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "3.0.0", "name": "\u3064\u3079\u30a2\u30f3\u30b1", "description": "Youtube\u753b\u9762\u5185\u3067\u30a2\u30f3\u30b1\u30fc\u30c8\u304c\u3067\u304d\u308b\u62e1\u5f35", "icons": { "16": "img/icon16.png", "48": "img/icon64.png", "128": "img/icon128.png" }, "content_scripts": [ { "run_at": "document_end", "matches": ["https://www.youtube.com/watch?v=*"], "js": ["index.min.js"], "css": ["style.css"] } ], "permissions": [ "storage" ]}
Read more

How to download and manually install つべアンケ extension for Chrome

Looking for a way to install つべアンケ extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install つべアンケ extensions manually, this article outlines two simple methods to effortlessly install つべアンケ extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download つべアンケ extension and manually install through Drag &Drop

If you ever need to manually install a つべアンケ extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the つべアンケ Extension by clicking the "Download CRX" button on the website.

Look for the つべアンケ extension you wish to install. Go to the website and download the つべアンケ extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for つべアンケ extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the つべアンケ extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download つべアンケ extension for Chrome and install in Developer Mode

This is another method to install つべアンケ extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the つべアンケ extension file

Select and download the つべアンケ extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the つべアンケ extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your つべアンケ extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the つべアンケ extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install つべアンケ extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

GoodTwitter Extension · Productivity 427 944 ★ 11.05KiB

icon

Flow Chat for YouTube Live Extension · Accessibility 427 48 ★ 337KiB

icon

Sasayaki Ghost Extension · Accessibility 427 30 ★ 124KiB

icon

x-zombie-killer Extension · Productivity 427 117 ★ 129KiB

icon

SukoStamp Extension · Productivity 427 26 ★ 74.01KiB

icon

Skeb Button Extension · Social & Communication 427 11 ★ 13.79KiB

icon

Twitter, Download Original Image Extension · Social & Communication 427 89 ★ 9.39KiB

icon

Calm Twitter Extension · Social & Communication 427 291 ★ 22.67KiB

icon

_bem_tv ext Extension · Fun 427 131 ★ 791KiB

icon

SamuMoa Extension · Accessibility 427 0 ★ 53.26KiB

icon

DetailedTime Extension · Productivity 427 19 ★ 47.7KiB

icon

Youtubeフィルタ Extension · Accessibility 427 137 ★ 127KiB

icon

AdjusTimer Extension · Accessibility 427 0 ★ 258KiB

icon

DevilEar Extension · Productivity 427 25 ★ 18.79KiB

icon

YouTube LiveChat Flusher (Danmaku LiveChat) Extension · Accessibility 427 32 ★ 36.13KiB

icon

SHOWROOM すこすこツール+ Extension · Social & Communication 427 40 ★ 678KiB

icon

nico downloader Extension · Accessibility 427 109 ★ 8.53MiB

icon

Shadowban Scanner for Twitter / X Extension · Social & Communication 427 18 ★ 124KiB

icon

Return YouTube Comment Username Extension · Accessibility 427 112 ★ 173KiB

icon

Chat Overlay for Youtube, Twitch & more Extension · Productivity 427 3 ★ 565KiB

icon

強震モニタ Extension Extension · News & Weather 427 153 ★ 224KiB

icon

みんなよう見とる Extension · Accessibility 427 56 ★ 14.59KiB

icon

YouTubeScreenShot Extension · Productivity 427 7 ★ 14.89KiB

icon

Twitter Stress Reduction Extension · Social & Communication 427 54 ★ 52.36KiB

User reviews

icon

yui yui (ID: 0000009569f9b935) Voted 5 ★ - Updated 06/21/2021 すばらしいアドオンありがとうございます。 非常に重宝させていただいております。