Robotic Crowd
Search…
ドキュメント
Release Note
Overview
ログイン
ロボットを動かしてみる
実行要求とキュー
ワークフロー
エラー処理
スケジュール
ログ画面
ロボットタイプ
カスタムアクション
パッケージ
クッキー
Task
タスクのYamlでの記述
アクションタスク
コントロールタスク
Actions
Browser
Text
Data
ComputerVision
Excel
ExcelOnline
Storage
Marketing
Google Spreadsheet
Google Calendar
Google Docs
Message
Control
WebService
BigData
Github
Trello
Cloudsign
Salesforce
Twilio
HumanIntelligence
General
kintone
ArtificialIntelligence
Search
セッションの検索
Connections
Apple Search Ads
BigQuery
box
Chatwork
Cloudsign
Dropbox
Facebook Ads
GCS
Gmail
Gmail for G Suite
Google Analytics
Google Calendar
Google Drive
Google Docs
Google Spreadsheet
Microsoft Teams Message
OneDrive
Outlook
Salesforce
Slack
S3
TikTok Ads
Trello
Twilio
Twitter Ads
Yahoo Ads
kintone
Integrations
GitHub
SSO
Azure AD
OneLogin
ユーザーと権限
組織ユーザー
サポート
補足情報
モバイルデバイス
Security
セキュリティ仕様
セキュリティ機能
Robotic Crowd Agent
インストール方法
CSSセレクタの取得
連続した操作を記録
サイト上の情報をCSVに抽出
繰り返し作業を記録
既存のワークフローを実行
Robotic Crowd Sheets Addon
インストール方法
トリガーの作成・編集・削除
設定メニュー
アドオンのアンインストール
スプレッドシートが更新された時にRobotic Crowdを起動する
Zapier
セットアップ方法
ZapierからRobotic Crowdを起動する
Powered By
GitBook
CSSセレクタの取得
概要
Robotic Crowd Agentを使って、サイト上の要素の場所を特定するCSS Selector を取得する方法を説明します。
事前に、Chrome に Robotic Crowd Agent という拡張機能をインストールしている必要があります。 インストール方法は、
こちら
をご覧ください。
では、始めましょう。
このチュートリアルのゴール
今回は、株式会社チュートリアルのホームページ上のお問い合わせボタンのCSS Selector を取得してみます。
手順
1.
取得したい要素が表示されているページを開く
2.
取得したい要素の上で右クリックをする
3.
コンテクストメニューの「CSS Selector を取得」というメニューをクリックする
4.
コピーされたCSS Selector をペーストして確認する
1. 取得したい要素が表示されているページを開く
Google
で、「株式会社チュートリアル」と検索して、弊社サイトに入ってください。
株式会社チュートリアルのトップページ 2019年7月31日時点
2. 取得したい要素の上で右クリックをする
「お問い合わせ」のボタンがありますので、カーソルを合わせて右クリックをしてください。 すると図のようなコンテクストメニューが表示されます。
猫のマークが左に付いている「CSS Selectorを取得」というメニューをクリックしてください。
セレクタ取得ボタン
3. コンテクストメニューの「CSS Selector を取得」というメニューをクリックする
CSS Selectorを取得できると、取得した場所が約3秒間、青く囲まれます。この状態で、CSS Selector がコピーできています。 この青い囲みが目的の場所じゃない所に表示されていれば右クリックする場所を調整してもう一度、CSS Selector を取得してください。
*青い囲みは、サイトのデザインによって、線が見えにくくなったり細くなったりすることがあります。
セレクタ取得完了
4. コピーされたCSS Selector をペーストして確認する
では、実際に、CSS Selectorを取得できていることを確認してみましょう。URLの部分にペーストしてみます。 株式会社チュートリアルのURLの部分に、そのままペーストしてください。(メモ帳などでも構いません。)
ペーストすると、CSS Selector が取得できていることが分かります。
セレクタ取得確認
お疲れ様でした。
機能拡張を使うと簡単に CSS Selector を取得できることがわかったと思います。 ですが、操作が多い時に一つ一つの CSS Selector を右クリックで取得してペーストするのは大変ですね。
次は、連続して操作を記録する方法をご紹介します。連続して操作を記録すると、普通にブラウザを操作している感覚で自動的に CSS Selector を取得していくことができます。
Robotic Crowd Agent - Previous
インストール方法
Next - Robotic Crowd Agent
連続した操作を記録
Last modified
2yr ago
Copy link
Contents
概要
このチュートリアルのゴール
手順
1. 取得したい要素が表示されているページを開く
2. 取得したい要素の上で右クリックをする
3. コンテクストメニューの「CSS Selector を取得」というメニューをクリックする
4. コピーされたCSS Selector をペーストして確認する