GAS + phantomjscloudで動的サイトからテキストを取得する方法を教えてください！

Question

Google Apps Scriptを使い、phantomjscloudを通じ下記動的サイトの検索結果をテキストで取得した際、画面に表示された全てのキーワード（※）を配列に格納することができません。

WEBでいろいろ調べてみたのですが、答えにたどり着かないため、ご教授いただけると幸いです。
よろしくお願いいたします。

(※)検索結果ページ右上に表示される「CSVダウンロード」の結果と比較した結果。

（利用サイト）
https://related-keywords.com/

（検索ワード）
携帯電話

（実現したいこと）
サイトに表示されたキーワードを全て配列「contents」に格納したい。

function myFunction() {
  
const URL = 'https://related-keywords.com/result/suggest?q=携帯電話';
  var key = '★phantomjscloudのAPIKey★'; 
  
  var option = 
      {url:URL,
       renderType:"HTML",
       outputAsJson:true};

  var payload = JSON.stringify(option);
  payload = encodeURIComponent(payload);
  var url = "https://phantomjscloud.com/api/browser/v2/"+ key +"/?request=" + payload;  

  var response1 = UrlFetchApp.fetch(url);

  var json = JSON.parse(response1.getContentText()); 
  var source = json["content"]["data"];
//--------------------------

//Parserで取得
var $ = Cheerio.load(source);
var contents = []
  $(".vdu5kk-0.sc-1p6awuf-0.drqTAc a p").each((i,element) => {
     contents.push($(element).text()) });
Logger.log(contents);

}

Answer 1

これで84個、携帯電話のサジェストとそのサジェストのところの取得はできました。
あとは、共通するhtmlタグを見つけてやればいけると思いますよ。

要Parseライブラリ

function myFunction() {

const URL = 'https://related-keywords.com/result/suggest?q=携帯電話';
  var key = '***'; 

  var option = 
      {url:URL,
       renderType:"HTML",
       outputAsJson:true};

  var payload = JSON.stringify(option);
  payload = encodeURIComponent(payload);
  var url = "https://phantomjscloud.com/api/browser/v2/"+ key +"/?request=" + payload;  

  var response1 = UrlFetchApp.fetch(url);

  var json = JSON.parse(response1.getContentText()); 
  var source = json["content"]["data"];

  let newsList = Parser.data(source)
    .from("<p class=\"tgzl94-0 sc-1p6awuf-4 iXFtAV\">")
    .to("</p>")
    .iterate();

console.log(newsList)
}

Comments

[babybloom2020]

回答ありがとうございます！
ご教授いただいた内容で再チャレンジしてみます。
ありがとうございまいした！

[Tatsunosuke]

はい！頑張ってください！