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など)は別途料金が発生する場合があります。

ワークフロー情報
難易度
初級
ノード数3
カテゴリー2
ノードタイプ3
難易度説明

n8n初心者向け、1-5ノードのシンプルなワークフロー

外部リンク
n8n.ioで表示

このワークフローを共有

カテゴリー

カテゴリー: 34