2017-7-25 GooglesitesページへのTwitterの埋め込み

Post date: Jul 26, 2017 1:25:53 PM

このページでもかつて行いましたが，今回BiFAGwebページにTwitterタイムラインを埋め込もうとして再度苦戦しました．

結局難しくはないのですが，下記備忘録を．

ググっても，下記ほど簡単な説明には，すぐには行き当たりませんでした．

(1) xmlファイルを作成する（参考：My Note）

テキストエディタで下記のようなfilename.xmlを作成．

<?xml version="1.0" encoding="UTF-8" ?>

<Module>

<ModulePrefs title="<ガジェットの名前>" />

<Content type="html">

<![CDATA[

<ここにTwitterで生成したコードを挿入>

]]>

</Content>

</Module>

<ここにTwitterで生成したコードを挿入>の部分に，Twitterページから作ったコードを挿入．

Twitterページ右上のアイコンから，[設定とプライバシー]

左のメニューから [ウィジット] > [新規作成] > [プロフィール]

埋め込みたいTwitterのURLを入力（例えばhttp://twitter.com/watanak_tweet）

Here are your display optionsと出てくるので，[Embedded Timeline]をクリック

コードが現れるので，それをコピーして上記に貼り付ける．

テキストエディタでコード内の表示名称などを編集しておく．

（検索したTweetなどもTwitterページの別所でコードを作成すれば同様に可能．）

(2) xmlファイルをアップロード

どこでもいいらしいがgooglesitesで完結させるため（※），トップ画面の右上歯車（設定）から [サイトを管理]

左メニューの [添付ファイル] > 上のメニューから (1) のxmlファイルを [アップロード]

普通にやると，トップに入る（http://sites.google.com/site/USERNAME/filename.xml）

（※上記参考サイトなどではgoogledriveを使っているが，なぜかうまくいかなかった．）

(3) ガジェットの埋め込み

googlesites内の実際にTwitterのタイムラインを表示したいサイトを編集モードにする．

[挿入] > [...その他のガジェット] > 左リストから [URLを指定してガジェットを追加]

ここで，(2) でアップロードしたファイルを指定（http://sites.google.com/site/USERNAME/filename.xml）

表示サイズやスクロールバーの有無などを設定する画面が現れるので，適当に設定する．

[OK] で完了．

以上．