WordPressに表の埋め込み (Googleスプレッドシート)

Excel Onlineに続いてGoogleスプレットシートの埋め込みを試してみます
今回、初めてGoogleスプレットシートでWebデータを取り込んでみたので、
折角ですので、その手順から記載します。

取り敢えず、Googleスプレットシートで新しいシートを作成します

google spreadsheets

スプレットシートの場合、IMPORTHTMLという関数があるらしいので、この関数をつかってEXCELと同じようにマイナポイントの事業者データを取り込んでみました。

IMPORTHTML(URL, クエリ, 指数)

URL検証するページの URL です。プロトコル(http:// など)も必要
クエリ目的のデータを含むアイテムの種類を “list”(リスト)か “table”(表)で指定
指数対象の表またはリストについて、
HTML ソース内で定義されている番号で 1 から順に指定

Excelの時と同様に、以下のマイナポイントのサイトからデータをインポートするので、URLに「https://mynumbercard.point.soumu.go.jp/service_search/list」入力、クエリーは「Table」、指数はよくわからんかったので「1」にしてみました。

= IMPORTHTML(“https://mynumbercard.point.soumu.go.jp/service_search/list”,”table”,1)

Webに埋め込むデータを作っていきます、「ファイル」ー「ウェブに公開」を選択

公開範囲を設定していきます、「埋め込む」を選択、「ドキュメント全体」から「シート1」を選択して公開をクリックします。

埋め込み用のHTMLが出てくるので、コピーして、wordpressに埋め込みます。

初期状態だと、EXCELの方が、みやすいですね、、
見せ方は、HTMLで変更できるようですので次回以降調べていきたいとおもいます、、

WordPressに表の埋め込み (Excel online)

WordPressに表を埋め込んでみたいと思い軽くググって見たところ
プラグインを追加しないとダメで選ぶの面倒だな〜〜、、、と思っていたところ
Excel OnlineやGoogleスプレッドシートで簡単に表示が可能とのことなので試して見ました。

まずは、素材を用意します。
とりあえず、マイナンバーについて今後何か書こうと思っていたので
今回はマイナンバーの事業者データを表に取り込んで、Onedriveに保存します。

ここからデータ取ってみました
https://mynumbercard.point.soumu.go.jp/service_search/list/

お試しデータ

共有をクリック

埋め込みを選択

表示するデータを調製します

埋め込みコードを「Ctr+A」で全部選択して
「Ctr+C」コピー

新規のブロックを追加します

「カスタムHTML」を選択

コピーして来たコードを「Ctr+V」でペーストして完成
カスタムHTMLのプレビューだと全然見えない状態なので
Blogの記事全体をプレビューして見てください

埋め込んでみた表が小さくて困ってるのですが、ソート等可能なので便利そうです
縮小表示のやり方わかれば誰か教えて欲しいところ(汗

Google Analytics (後編 – WordPressとの連携)

とりあえず、たくさん合ってよくわからないので、無難そうな、Google製のプラグイン「Site Kit by Google」をインストール、Google製なら変なトラブルは無いだろう的な安易な考えです

WordPressの管理画面からプラグインを追加します

とりあえず、Googleと検索

「Site Kit by Google」が出てきたら「今すぐインストール」をクリックしてして、有効化

ここから、「Site Kit by Google」のセットアップを開始します
「セットアップを開始をクリック」

GoogleへのSign inを求められるのでSign inします
その後、様々な権限をサクサク追加


Wordpressに戻って来たら、「サービスの連携」をクリック

完成、あとはお好みだカスタマイズ

前編に戻る