Google スプレッドシートでウェブサイトのスクリーンショットを Google Drive にキャプチャ(CustomJS を使用)
初級
これはDevOps, Building Blocks分野の自動化ワークフローで、3個のノードを含みます。主にGoogleDrive, GoogleSheetsTrigger, WebsiteScreenshotなどのノードを使用。 Googleスプレッドシートを使用してCustomJSを利用してウェブサイトのスクリーンショットをキャプチャーし、Google Driveに保存
前提条件
- •Google Drive API認証情報
- •Google Sheets API認証情報
カテゴリー
ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
"meta": {
"instanceId": "b503899dfd9ae32bbf8e1f446a1f2c9b3c59f80c79b274c49b1606b7ae9579e1"
},
"nodes": [
{
"id": "21da7bb6-6544-4756-9d0a-ab8ae21650d4",
"name": "Google Sheets Trigger",
"type": "n8n-nodes-base.googleSheetsTrigger",
"position": [
-120,
-20
],
"parameters": {
"event": "rowAdded",
"options": {},
"pollTimes": {
"item": [
{
"mode": "everyMinute"
}
]
},
"sheetName": {
"__rl": true,
"mode": "list",
"value": "gid=0",
"cachedResultUrl": "https://docs.google.com/spreadsheets/d/1SP8Y-qffC96ZV3ueVUYWP5pjqtaycaM7Kbv5L-ztw5g/edit#gid=0",
"cachedResultName": "Sheet1"
},
"documentId": {
"__rl": true,
"mode": "list",
"value": "1SP8Y-qffC96ZV3ueVUYWP5pjqtaycaM7Kbv5L-ztw5g",
"cachedResultUrl": "https://docs.google.com/spreadsheets/d/1SP8Y-qffC96ZV3ueVUYWP5pjqtaycaM7Kbv5L-ztw5g/edit?usp=drivesdk",
"cachedResultName": "URL list"
}
},
"typeVersion": 1
},
{
"id": "39a9a0a3-13c7-4271-bca4-31848201e48b",
"name": "ウェブサイトのスクリーンショットを撮影",
"type": "@custom-js/n8n-nodes-pdf-toolkit.websiteScreenshot",
"position": [
160,
-20
],
"parameters": {
"urlInput": "={{ $json.Url }}"
},
"typeVersion": 1
},
{
"id": "1dc3cb1a-99ee-4e85-b628-0f4a77149728",
"name": "スクリーンショットを保存",
"type": "n8n-nodes-base.googleDrive",
"position": [
400,
-20
],
"parameters": {
"name": "={{ $json.Title }}.png",
"driveId": {
"__rl": true,
"mode": "list",
"value": "My Drive"
},
"options": {},
"folderId": {
"__rl": true,
"mode": "list",
"value": "1oFbmzgG2fsRix45r5JtowYjAdwskJ0P6",
"cachedResultUrl": "https://drive.google.com/drive/folders/1oFbmzgG2fsRix45r5JtowYjAdwskJ0P6",
"cachedResultName": "screenshots"
}
},
"typeVersion": 3
}
],
"pinData": {},
"connections": {
"21da7bb6-6544-4756-9d0a-ab8ae21650d4": {
"main": [
[
{
"node": "39a9a0a3-13c7-4271-bca4-31848201e48b",
"type": "main",
"index": 0
}
]
]
},
"39a9a0a3-13c7-4271-bca4-31848201e48b": {
"main": [
[
{
"node": "1dc3cb1a-99ee-4e85-b628-0f4a77149728",
"type": "main",
"index": 0
}
]
]
}
}
}よくある質問
このワークフローの使い方は?
上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。
このワークフローはどんな場面に適していますか?
初級 - DevOps, ビルディングブロック
有料ですか?
このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス(OpenAI APIなど)は別途料金が発生する場合があります。
関連ワークフロー
HTML を PDF に変換し、Web フック経由で返信する(CustomJS API を使用)
CustomJS API を使って HTML を PDF に変換し、Webhook 経由で返信
Webhook
Respond To Webhook
Html2 Pdf
Webhook
Respond To Webhook
Html2 Pdf
3 ノードCustomJS
ビルディングブロック
CustomJS APIを使用して複数のPDFファイルをダウンロード・結合
URL から複数の PDF ファイルをダウンロードして結合する CustomJS API
Code
Split Out
Http Request
+
Code
Split Out
Http Request
7 ノードCustomJS
その他
💻 ワークフロー実行時刻のスケジュール設定
生のn8n APIを使って、スケジュールでワークフローを有効化と無効化
N8n
Set
Merge
+
N8n
Set
Merge
13 ノードOlek
DevOps
MS Teams統合の高度なデバイス健康モニタ
Google SheetsとMS Teamsの統合を使用して機器の健康状態の問題についてアラートを送信する
If
Google Drive
Http Request
+
If
Google Drive
Http Request
6 ノードWeblineIndia
DevOps
イベント管理工作フロー
Jira、Slack、Google Sheets、Drive を使ったインシデント対応の自動化
If
Set
Code
+
If
Set
Code
23 ノードRahul Joshi
DevOps
JPG/PNG画像をWebP形式に変換
APYHubおよびGoogle Driveを使用した画像自動最適化:JPG/PNGからWebPへの変換
Set
Code
Switch
+
Set
Code
Switch
12 ノードDavide
その他